KLST - Sharepoint Customization

Left Align & Right Align words on Same line

How to Left align some text and Right align some other text ON THE SAME LINE?

Here is a neat trick I learned recently on how to Left align some sample text (say “Hello Ragav”) and Right align some different text (say “www.klstinc.com”) on the same line, so that the final look is something like below:

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Hello Ragav

www.klstinc.com

Key Client challenge

Step 1: For the left align text use a <p>, <div> tag with style attribute value set “float:left”. For example – <div style=”float:left”>Hello Ragav</div>
Step 2: For the right align text use a <p>, <div> tag with style attribute value set “float:right”. For example – <div style=”float:right”>www.klstinc.com</div>
Step 3: Clear your float by adding the line below <div style=”clear: both;”></div>

In Summary, to implement the above left and right aligned text in same line the final HTML block should look something like below:
<div style=”float:left”>Hello Ragav</div>
<div style=”float:right”>www.klstinc.com</div>
<div style=”clear: both;”></div>