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:

enter image description here

but need looks this:

enter image description here

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

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -