How to arrange list items in a row of two items?

Question

css

there is an unordered list of six items. I need every third item inside the container to wrap to the next line. that is, you need to get three columns of two items. I lost my feet looking for something (

Answer 1

<style>
    li { float: left; margin: 1em; }
    li:nth-child(2n+1) { clear: both; }
</style>
<ul>
    <li> 1
    <li> 2
    <li> 3
    <li> 4
    <li> 5
    <li> 6
</ul>

Answer 2

If it is possible to edit the script, then assign a class to every fourth element, and that's it.
If it is not possible, then add a class to every fourth element of the list through js.

Answer 3

Maybe I'm a layman, of course, but I came to the conclusion yesterday that it's impossible to do this with one css. Correct me if I'm wrong, the author and I will be grateful to you. I solved only by splitting into several lists.