How do i left and right align text on multiple lines, e.g.:

```
┌─────────────────────────────────────┐
│ Tums                                 29 │
│ Oxydativedecarboxilization          ATP │
│ appdata      C:\Users\Ian\AppData\Local │
└─────────────────────────────────────┘ 

```

e.g.:

> 
> ![enter image description here](https://i.stack.imgur.com/61viy.png)
> 
> 
> 

**Note**: A single-line variant of this question has been asked before

Here's a sample of some attempts i've found on SO and elsewhere, and the situations where left+right align was tried:

```
<!DOCTYPE html>
<HTML>
<HEAD>
<HEAD>
    <TITLE>Home Page</TITLE>
    <STYLE type="text/css">
        .left {
            float: left;
        }
        .right {
            float: right;
        }
    </STYLE>
</HEAD>
<BODY>
    <DIV>
        <P><SPAN class='left'>Tums</SPAN><SPAN class='right'>29</SPAN>
        <P><SPAN class='left'>Oxydativedecarboxilization</SPAN><SPAN class='right'>42</SPAN>
        <P><SPAN class='left'>appdata</SPAN><SPAN class='right'>C:\Users\Ian\AppData\Local</SPAN>
    </DIV>

    <UL>
        <LI class='line1'><P class='left'>Tums<P class='right'>29
        <LI class='line2'><P class='left'>Oxydativedecarboxilization<P class='right'>42
        <LI class='line3'><P class='left'>appdata<P class='right'>C:\Users\Ian\AppData\Local
    </UL>

    <DIV>
        <P class='left'>Tums<P class='right'>29
        <P class='left'>Oxydativedecarboxilization<P class='right'>42
        <P class='left'>appdata<P class='right'>C:\Users\Ian\AppData\Local
    </DIV>
</BODY>
</HTML>

```

Which renders incorrectly as:

> 
> ![enter image description here](https://i.stack.imgur.com/EsUDM.png)
> 
> 
> 

Desired rendering:

> 
> ![enter image description here](https://i.stack.imgur.com/61viy.png)
> 
> 
> 

**Bonus reading**

* [HTML/CSS - Right and left align on the same line?](https://stackoverflow.com/questions/1639705/html-css-right-and-left-align-on-the-same-line)
* [Cross-browser CSS for left align and right align on the same line](https://stackoverflow.com/questions/3324694/cross-browser-css-for-left-align-and-right-align-on-the-same-line)