why are the words not spread out?

Discussion in 'CSS' started by gilgalbiblewheel, Jul 17, 2008.

0
  1. #1
    I've tried every thing possible to make the words spread out in Firefox (I don't know about IE6 or 7): Display: block; text-align: left; left: 0px... It doesn't work. 
    
<ul>
<li style="">
		<a href="http://www.....com/Merchant2/merchant.mvc" onmouseover="<?php //changeImages('index_10', 'images/index_10-over.gif'); return true;?>" onmouseout="<?php //changeImages('index_10', 'images/index_10.gif'); return true;?>"><span style="position: relative; left: 0px; text-align: left; background-color: #eeeeee; border: 1px solid #000000; width: 30px; height: 10px; display: block; padding: 10px 100px 10px 100px; font-family: Verdana, Arial, Times New Roman; text-decoration: none; font-weight: bold; font-size: 16px; color: #000000;">Online Store<?php //<img NAME="index_10" SRC="images/index_10.gif" WIDTH=167 HEIGHT=33 BORDER=0 ALT="Online Store">?></span>
		</a>
	</li>
</ul>
    PHP:

     
    gilgalbiblewheel, Jul 17, 2008 IP
  2. yankzilla

    yankzilla Peon

    Messages:
    159
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Are you trying to do this: O n l i n e S t o r e?
    If so the you will use the "letter-spacing: " css tag. Or if you are trying to get all the letters lined up to spread to fill the div, you could use "text-align: justify". Note, that useing justify will only work for text that runs to the next line.
     
    yankzilla, Jul 17, 2008 IP