HTML Forum

**shayhoy** · 05-16-2005, 11:58 PM

I am trying to get text to align left and right on the same line.

**brokensoul2271** · 05-17-2005, 12:08 AM

<span class="alignLeft">text you want aligned left</span><span class="alignRight">text aligned right</span>

in your CSS stylesheet add this:
.alignRight {
text-align: right;
}
.alignLeft {
text-align: left
}

if you dont have an externel stylesheet add the CSS in your head section linke this
<style type="text/css">
.alignRight {
text-align: right;
}
.alignLeft {
text-align: left
}
</style>

**Brian07002** · 06-07-2005, 12:22 PM

-Or-

You can go the 'old fashioned way' using tables:

Code:

<html>

<head>
<title>Alignment Using Tables</title>
</head>

<body>

<table width="100%">
	<tr>
		<td width="50%" nowrap>Left Text</td>
		<td nowrap width="50%">
		<p align="right">Right Text</td>
	</tr>
</table>

</body>

</html>

It works just as good!
-Brian

**kashyap_rajput** · 06-09-2005, 07:36 AM

tables are better way to align the text IMHO

**chrishirst** · 06-09-2005, 09:52 AM

User floated <div>s

CSS

HTML Code:

#col_left {
	position:relative;
	float:left;
	height:50px;
	margin:0px 2px;
}
#col_right {
	position:relative;
	float:right;
	height:50px;
	margin:0px 2px;
}
#col_centre {
	position:relative;
}

HTML

HTML Code:

    <div id="col_centre">
      <div id="col_right">
        text to the right
      </div> 
      <div id="col_left">
        text to the left
      </div> 
      </div>

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!