Align Text Left & Right on Same Line

Darter02Darter02 Registered Users Posts: 947 Major grins
edited September 16, 2013 in SmugMug Customization
I had two pieces of text in my footer that were both aligned to opposite sides of the page. They'd appear on two separate lines but I wanted them on the same. I thought I'd share the CSS I found that will let you do this.

In your HTML block's HTML tab:
<div id="textbox" style="clear: both;">
  <p class="alignleft">[COLOR="Red"]Your text on the left.[/COLOR]</p>
  <p class="alignright">[COLOR="red"] Your text on the right.[/COLOR]</p>
</div>

In the CSS tab on the same HTML block.
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
Sign In or Register to comment.