How to vertically center text with CSS? I have a div tag which contains text, and I want to align the contents of this div vertically center. Here is my div style: #box { height: 90px; width: 270px; background: #000; font-size: 48px; font-style: oblique; color: #FFF; text-align: center; margin-top: 20px; margin-left: 5px; } <div Id="box"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> What is the best way to do this? answer :  You can try this basic approach: div { height: