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! Link to comment https://forums.phpfreaks.com/topic/160265-align-link-left-and-align-word-right-but-on-same-line/ 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. Link to comment https://forums.phpfreaks.com/topic/160265-align-link-left-and-align-word-right-but-on-same-line/#findComment-845829 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.