How do I allign text on the same line?
Page 1 of 1
How do I allign text on the same line?
I want to align one portion of text on the left and another portion of text on the right, all on the same line. What HTML codes can I use to do this? I tried this code here:
But this code doesnt keep the text on the same line. It 'line breaks' once the second code to align left starts..
Can anybody please help me align text on the right and on the left but on the same line?
- Code:
<div style="text-align:left"><b>Text Left Side</b><div style="text-align:right"><b>Text Right Side</b>
But this code doesnt keep the text on the same line. It 'line breaks' once the second code to align left starts..
Can anybody please help me align text on the right and on the left but on the same line?
Guest- Guest
Re: How do I allign text on the same line?
This should work:
- Code:
<div style="float:right;text-align:right;"><b>Text Right Side</b></div><div><b>Text Left Side</b></div>
Guest- Guest
Re: How do I allign text on the same line?
Thanks Dion, that worked, is there any way i can make them more spaced apart?
Guest- Guest
Re: How do I allign text on the same line?
SPADEZ wrote:Thanks Dion, that worked, is there any way i can make them more spaced apart?
Try adding this to the code...
<div style="float:right;text-align:left;"><b>Text Right Side</b></div><div style="margin-right : 200px;><b>Text Left Side</b></div>
Change 200px as per your need.
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: How do I allign text on the same line?
ankillien wrote:SPADEZ wrote:Thanks Dion, that worked, is there any way i can make them more spaced apart?
Try adding this to the code...Text Right Side
margin-right : 200px;>Text Left Side
Change 200px as per your need.
Hmm, thats odd, i tried that and it seems to remove my left side text but keep the link, however the link becomes so wide it takes up the entire line or a good portion of it, i tried various sizes but my left side text never displayed with this code.
Check out my forum @ www.The-EN.com and look at the chatbox iframe. Where it says "Please View The-EN Chatbox Rules: Click Here!" thats what i am trying to move to the left side of the iframe.
Guest- Guest
Similar topics
» How to put this line below the text, instead of above?
» Problem with text on a new line?
» Empty line between subject en text
» Is it possible to have the "Spolier" on the same line as text?
» text-decoration: line-through - not ending when it should?
» Problem with text on a new line?
» Empty line between subject en text
» Is it possible to have the "Spolier" on the same line as text?
» text-decoration: line-through - not ending when it should?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum