Hello people.

What I need to do is something like

Picture here!!! Sorry daniweb didn't put spaces in properly

I've looked all along the internet but found nothing, Please can anybody help me out!

Thanks,

Nat.

ignoring proper html that validates, just to show the necessary code

<table>
<tr>
<td align='right'>label :</td>
<td> content</td>
</tr>
<tr>
<td align='right'>long label :</td>
<td> content</td>
</tr>
</table>

table ( tacky)
or

<style type='text/css'>
.left { width:35%; text-align:right; float:left;}
.right {width:60%: text-alight:left; float:right;}
</style>
<div>
<span class='left'>label</span>
<span class='right'>content</span>
</div>
<div>
<span class='left'>long label</span>
<span class='right'>content</span>
</div>

css

Thank you kind sir! I'm not sure if this was meant to happen but the label was on the very left and content on very right, I changed both to float left and it now works! Thank you :) Hopefully this will work with all browsers, rep!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.