text in one line - How To Avoid TABLE tag and use CSS ?

pugo · #1 Jan 16th, 2006, 08:51

Hi,
Could you give me an advice in a short example, of course if it is possible, to write in one line text1 alignment to the left and text2 to the right? I'd like to avoid table tag and replace the code (example):

HTML: Select all

<table width="200">
<tr>
<td align="left">text1</td>
<td align="right">text2</td>
</tr>
</table>

Thanks,
pugo

benbacardi · #2 Jan 16th, 2006, 16:10

HTML: Select all

<div style="width:200px;">
<div style="width:100px;float:left;text-align:left;">
text1
</div>
<div style="width:100px;float:right;text-align:right;">
text2
</div>

*should* work, havent tested it tho...

pugo · #3 Jan 16th, 2006, 19:40

It works well. Thank you very much.

herkalees · #4 Jan 16th, 2006, 21:24

Just clear whatever goes below those bits of code, because when an element is floated, it is removed from the flow of the document.

Like this:
...the above code goes here...
<div style="clear:both">
This is all things below in the document.
</div>

jpmitchell · #5 Jan 18th, 2006, 04:14

herk is right, make sure you clear it (otherwise it'll cause you fits later on).

Sometimes those clears sneak up on you.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Have a major problem with Text Line-Height	vidoewebmastery	Web Page Design	2	Mar 24th, 2008 20:15
Randomly generated one line text filling out the width of a div?	brynjarh	Web Page Design	3	Mar 12th, 2008 03:39
Line not wrapping in table	Marc	Web Page Design	10	Apr 14th, 2007 11:30
scroll does not line up text and background	cherishkiss	Web Page Design	2	Feb 22nd, 2007 15:40
Text Alignment on second line of Bullet point	adeking	Web Page Design	2	Jul 31st, 2006 20:38

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
text in one line - How To Avoid TABLE tag and use CSS ?