Line height in UL list

Get Started
1

Hi, I got lots of help on Lists and span tag before, but there’s just one thing that has me baffled: how to change the line height in a ul list - I can’t seem to find any css that relates to it in my page.

the specific html is:


	<ul class="scroll tooltip"> <!-- suggesting a list for the questions instead of a div with links separated by line-breaks -->
		
			                                                                                                                         
			<li><a href="#void">He (invented) <span>made up</span>______________ an improbable excuse.</a></li>
			<li><a href="#void">My house is too small, so I'm going to (leave) <span>move out.</span> ______________  </a></li>
			<li><a href="#void"> He sometimes (falls asleep) <span> nods off </span>______________ on the sofa.  </a></li>
			<li><a href="#void">It's not good to (think you are superior to) <span>look down on </span>______________ ethnic minorities.
      </a></li>
		  <li><a href="#void">Au pairs (take care of)   <span>look after </span>______________ children.  </a></li>
                                   
      <li><a href="#void">I was unhappy about the project so I (withdrew from it) <span>opted out.</span>_____________  </a></li>     
      <li><a href="#void">I had a small part in a film, but in the credits my name was (omitted)   <span>left out. </span>______________    </a></li>
      		          
			<li><a href="#void">The child who stole the pencil finally (confessed) <span>owned up. </span>______________ </a></li>
			<li><a href="#void">She promised to help me but in the end she (disappointed me) <span> let me down.</span>_________________   </a></li>
			
			       	<li><a href="#void">Don't think too much about the past - it's better to (focus on the future) <span> look ahead. </span>______________ </a></li>
							
				<li><a href="#void"> Hang on a minute - I want to (write)  <span> note down</span>______________ the details.</a></li>
			<li><a href="#void"> Instead of helping, they just (observed me)<span> looked on</span>______________ while I did all the work! </a></li>
			
					<li><a href="#void">I really (admire) <span> look up to  </span>______________ Mary. </a></li>
					<li><a href="#void">You bought a new house? Have  you  (started to live there)<span> moved in</span>______________ yet? </a></li>
						<li><a href="#void"> I always (gladly anticipate) <span> look forward to </span>________________ my holidays. </a></li>
								<li><a href="#void"> I'm not rich -  I (am ok with) <span> make do with </span>________________ simple things. </a></li>
								 <li><a href="#void"> He's (trying to find) <span>looking for </span>________________ his keys. </a></li>
								   <li><a href="#void"> The twins look exactly alike. I always (confuse their names)<span>mix them up. </span>________________ </a></li>
								                                                                                                                
		</ul>

and the page is: http://www.profesornativo.com/phrasal_verbs_lmno.htm

Thanks for any help…

2

Try this:



<ul class="scroll tooltip" style='line-height:4.2em'>
   ...
   ...
   ...
</ul>

.

3

Thanks John - really appreciated!

4

Glad I was able to help. Nice looking site.

.

5

Thanks!

6

oh? That works fine when making the line height bigger than it is, but making it, say .5em doesn’t work right. But meantime I found another solution - by adjusting the margin below:


.tooltip a {
	position: relative;
	clear: left;
	float: left;
	margin: 6px 0;
	color: #000;
	text-decoration: none;
}

Thanks.