www.tuljo.com

left right same line

Elements on left and right hand end of the same line.

Sample No. 1 - elements on left and right on the same line

Code

	<p>
		<span>My Stuff</span><a href="#">Edit</a>
	</p>
	

CSS

	.sampleBox{
		border:1px solid #ddd;
		text-align:right;
		padding:6px;
		width:333px;
	}
	span{
		float:left;
		width:auto;
	}
	

Sample No. 2 - elements on left and right on the same line

Code

	<p>
		<span><a href="#">Edit</a></span>My Stuff
	</p>
	

CSS

	.sampleBox{
		border:1px solid #ddd;
		padding:6px;
		width:333px;
	}
	span{
		float:right;
		width:auto;
	}
	

2009

Web Development - XHTML CSS JavaScript jQuery.