CSS - How To Write Text With \t Between Words.

hi...

if you look here - http://www.outlawz.frihost.net/fula/test2.php

you can see i have written to much text...

here is my code

Quote:
<?php require("header.php"); ?>

<div id="content">
<br><br>
<b>Welcome to Kadafi Legacy.</b><br><br>

<img src="image/yaki1.jpg" alt="Yaki Kadafi" align="left">

Here at Kadafi Legacy we aim to bring you the latest and most in depth information on Yaki Kadafi, such information will include the family and friends of Yaki Kadafi, Kadafi's childhood years, the records Kadafi featured upon and all this and much more can be found in our <a href="/history.php" alt="Yaki Kadafi History">Kadafi history</a> section.<br><br>

The latest news and information regarding projects from the official Kadafi site - <a href="http://www.yakikadafi.com" target="_blank" alt="YakiKadafi.com">YakiKadafi.com</a>, will also be reported and updated daily in our <a href="/news.php" alt="Yaki Kadafi News">Kadafi News</a> section.<br><br>

Also available on Kadafi Legacy is the <a href="/music.php" alt="Yaki Kadafi Music">music</a> section, you will find information, images and lyrics about previous releases such as 'Son Rize: Volume 1'.<br><br>

In our <a href="/links.php" alt="Yaki Kadafi Links">links</a> section you will be able to find direct links to official sites that are related to Yaki Kadafi in one way or another also in our links section is a 'support the real' area of links which will link to sites we support, i.e - Sekou Odinga, Assata Shakur.<br><br>

Our ultimate goal is to honour Yaki Kadafi, his family and his music in the correct way, this means there will be no illegal downloads available on this site and nothing will be used without permission from Yaasmyn Fula.<br><br>

Last and not least, Kadafi Legacy would like to thank the following people -<br><br>

Yaasmyn Fula<br>
Cory Caudill<br><br>



content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
</div>

<br>

<div id="foot">Graphics & Design by "NO NAMED DESIGNS" - Copyright 2006 "KLSOON2BE"</div>

</body>
</html>


and heres the css -

Quote:
a:link {color:white}
a:visited {color:white}
a:hover {color:black}
a:active {color:white}

body {background-color: #666666}

#head img { display: block; }

#head{

position: relative;
top: 7px;
left: 140px;
width: 707px;
font-family: verdana;
font-size: 12px;
color:white;
background-color: #666666;
background-image: url(wavy.jpg);

}

#box1{

position: relative;
top: 7px;
left: 140px;
width: 345px;
font-family: verdana;
font-size: 12px;
color:white;
background-color: #666666;
background-image: url(wavy.jpg);

}

#content {

position: relative;
top: 7px;
left: 140px;
width: 697px;
height: 500px;
font-family: verdana;
font-size: 12px;
color:white;
text-aligh: justify;
background-color: #666666;
background-image: url(image/back.jpg);
padding: 5px;

}


#foot{

position: relative;
left: 140px;
width: 707px;
font-family: verdana;
font-size: 9px;
text-align: center;
color:white;
background-color: 666666;
background-image: url(wavy.jpg);

}



on the page the text goes out side the blue box.. how do i make it so the when it does that the blue box stretches down... thanks!

also it works in IE but not in FIREFOX!

I have a series of horizontal radio buttons which are generated dynamically from a database record set. There are 3 sets on 3 different rows. The problem is the labels for the buttons are not the same length so when the page is generated the radio buttons do not line up neatly, vertically.

Is there a way of getting a CSS style to put a tab at the end of a word so that the next radio button lines up.

Or alternatively is there an even easier way to do this.

The obvious solution is to nest a two column table with fixed length column and have this repeat, rather than a single row. But there may be a more elegant method.

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.
PHP Code:
<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> 

I've got some words that I need to show up in the margin. However, take the words and rotate them 90 degrees. That's how I need it to show up. Right now, I'm using an image and it's coming out like crap on some browsers and find on others. Is there any way to do this with css?

Hi guys,
I'm working on a website here : >spacescientific.com
when mouse pointer go on links in website, an yellow (ajax/java>I'm not sure!) box opening and show intro of article. now I want to limit number of words (for example to 20 words) on this window .
to explain what I mean: >spacescientific.com/spacescientific.jpg
how can I do that. any idea???
Can anyone help me about this pleaseee. this is really really important to me

thank you