Vertically Center content in DIV (without table)

<div style=”display: table; height: 150px; width:500px; border:1px solid red;”>
<div style=” display: table-cell; vertical-align: middle;”>
<p style=”border:1px solid green;”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis nisl eu nibh porttitor molestie. Nam scelerisque tempor sapien, non euismod sapien lacinia non.</p>
</div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis nisl eu nibh porttitor molestie. Nam scelerisque tempor sapien, non euismod sapien lacinia non.

Leave a Reply

Your email address will not be published.