Hello people.

What I need to do is something like

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

Thanks,

Nat.

Recommended Answers

All 2 Replies

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.