cs.punk Posted May 30, 2009 Share Posted May 30, 2009 I tried using <span></span> <div></div> but I cant get a link to align left and something else to align righ, ON THE SAME LINE! ? Any ideas? I am sure theres a way! Quote Link to comment Share on other sites More sharing options...
SuperBlue Posted May 30, 2009 Share Posted May 30, 2009 Lets say you have the link to an article, and the name of its poster. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>My first Website</title> <style type="text/css"> ul { margin: 0; padding: 0; list-style-type: none; width: 200px; } .Poster { margin: 0; float: right; } .Link { margin: 0; float: left; } </style> </head> <body> <h1>Alignment Example.</h1> <ul> <li><p class="Link"><a href="http://brugbart.com/">Link Example</a></p><p class="Poster">BlueBoden</p></li> <li><p class="Link"><a href="http://brugbart.com/">Link Example</a></p><p class="Poster">BlueBoden</p></li> </ul> </body> </html> To make sure that the name of the Poster doesn't get pushed below the Article Title, you would need to apply a set width on the Link division. 50% For example. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.