html - Changing line height within the dot-points in a list (NOT between the dot-points) -
<ul style="text-align: left; line-height: 85%; color: #bdacab; font-size: 18px; font-family: verdana"> <li>“i swear god had this.” - archer</li> <li>“you’re not supervisor!” - cheryl</li> <li>“phrasing.” - archer</li> <li>“because that’s how ants.” - various</li> <li>“read book!” - archer</li> <li>lana...lana! lana!! ...come on, if don't answer i'm going scream loud possibly ...la"-- "what?!" "i'm sorry, meant "mrs. archer"</li> <li>"oh irony..." - archer</li> <li>"double irony" - archer</li> <li>who...or whom?</li> </ul>
ok, can use inline-css styles accomplish this. can't figure out how increase spacing between lines within single dot-point. can adjust spacing between dot-points 'line-height'.
it's text long box , wraps down onto next line...this spacing close. example following text (for reason can't post image):
any ideas?
i found workaround involves using 'float' within 'float' ...float-ception! it's best result i've had far...
<ul style="width: 100%; text-align: left; line-height: 90%; color: #bdacab; font-size: 18px; font-family: verdana"> <ul style="float: left; width: 35%; text-align: left; margin: 0px 0px 0px -35px; padding: 0px 10px 0px 0px; list-style-type: none;"> <li> <b>monday: </b></li> <li> <b>tuesday: </b></li> <li> <b>wednesday: </b></li> <li><b>thursday: </b></li> <li> <b>friday: </b></li> <li> <b>saturday: </b></li> <li> <b>sunday: </b></li> </ul> <ul style="float: right; width: 55%; text-align: left; margin: -15px 0px 0px 0px; list-style-type: none;"> <li>show</li> <li>show</li> <li>show</li> <li>no show</li> <li>show</li> <li>show</li> <li>no show</li> </ul> </ul>
Comments
Post a Comment