[help] Display Information - Left, Right, Middle

I want to display the information similar to this;



How do I align my text to look like that? Could you provide me with an html code to do so?

Thank you.

 

you can do this with a unordered list and some CSS, if you want to stay 'semantic' that is

<ul id="text_block">
<li class>Text 1, a bit longer</li>
<li class>Text 2</li>
<li class>Text 3</li>
</ul>

and the CSS

ul#text_block {display: table; margin: 0; padding: 5px;}
ul#text_block li {list-style: none; display: inline; margin: 0 40px 0 0;}

hope this helps