text vertical align middle in absolute div





The text should be placed in the middle of my table cell. Everything works as expected until I add position: absolute. Now it cant place my content in the middle any more?Vertical Align absolute div content. You need one more element with display:table-cell and vertical-align: middle. Vertically Center Multi-Lined Text so that we can absolutely position the text are inside the bubble.I have told the outer div to behave like a table row. I am trying to get blue container in the middle of pink one, however seems vertical-align: middle doesnt do the job in that case.