How may I align text to the left and text to the right in the same line?

Question

How can I align text so that some of it aligns to the left and some of it aligns to the right within the same line?

This text should be left-aligned         


        

Answer 1

Add span on each or group of words you want to align left or right. then add id or class on the span such as:

 Left Text
 Right Text

CSS-

#makeLeft{
float: left;
}

#makeRight{
float: right;
}