html - Vertical Align inside <p> tag -
i have html:
<div id="workallocated"> <h3>work allocated</h3> <p>lorem ipsum</p> <p>lorem ipsum</p> </div>
and following css:
div#contentarea.profile_edit div { margin-bottom: 20px; } div#contentarea.profile_edit div.col_01 h3 { font-size: 2.4em; margin: 0; } div#workallocated p { margin-bottom: 0px; border-bottom: 1px solid red; }
the result looks snapshot:
but need looks this:
the different vertical align of text inside <p>
tags. aligned top-left inside <p>
container should middle-left. i've tried tricks change line-height , change display table-cell , apply vertical-align property, none of them work.
thanks in advance!
set height p's , set line height equal one.
Comments
Post a Comment