I have the following structure and I want the list item elements go in columns but the last one, if the text overflows, must take up all the space on a second line.
ul { display: flex; flex-direction: row-reverse; gap: .5em; width: 500px; li { list-style: none; }}<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li><li><a href="#" class="link">Link</a></li><li><a href="#" class="link">Link</a></li> </ul>Here's what I try.
