Is it possible to ensure consistent line-height between all lines by specifying it as 0.99em for both P tags and UL tags? Along with that, is it possible to maintain a space of 0.99em between P tags and UL tags, as well as between P tags themselves?
To see an example on Bootply, click here.
Code:
HTML
<p><span>7.1</span> this is itthis is itthis is itthis is itthis is it...</p>
<p><span>7.2</span> here we gohere we gohere we gohere we go...</p>
<p><span>7.3</span> now toonow too...</p>
<ul>
<li>(a) why why why whywhy why...</li>
<li>(b) if if ifif if if if if if if...</li>
<li>(c) please pleasepleasepleaseplease...</li>
</ul>
<p><span>8.1</span> Take this.Take this...</p>
<p><span>8.2</span> Take this.Take this.this.Take this...</p>
CSS:
p {
padding-left: 3em;
position: relative;
margin-left:5em;
margin-right:5em;
line-height:0.99em;
}
p > span {
display: inline-block;
left: 0;
position: absolute;
top: 0;
width: 3em
}
ul {
list-style: none;
text-indent:-0.5em;
margin-left:7em;
margin-right:4em;
line-height:0.99em;
}