All divs have dynamic content which vary in height. 
We are using flexboxes to make the height of each li the same. 

We now need to position div class="2" so that the top of each div are aligned with each other.

We have tried flexboxes to position div class="2" correctly but at the moment they are all alligned at the bottom of each li. 

```css
    ul{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:stretch;
    }
    ul li{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-items:flex-start;
    }
    ul li div.1{
        align-self:flex-start;
    }
    ul li div.2{
        align-self:flex-end;
    }
```

```html
<div>
<ul>
        <li>
            <div class="1">Some content</div>
            <div class="2">Some content</div>
        </li>
        <li>
            <div class="1">Some content</div>
            <div class="2">Some content</div>
        </li>
        <li>
            <div class="1">Some content</div>
            <div class="2">Some content</div>
        </li>
    </ul>
</div>
```

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

Thanks in advance for any help!