How to Vertically Center Text in Horizontal `` Elements?

Vertical Alignment of

Elements in

To vertically align

• elements within a horizontal
  , you can employ the following technique:

  <br>li {</p>
  <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">line-height: *height-of-li*;

  Copy after login

}

Simply assign the height of the

as the value for the line-height property. This ensures that the text content of the

is centered vertically within the given height.

Example:

<br>li {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">height: 50px;
line-height: 50px;

Copy after login