List with equal width columns

[smartm0use]

Hello, I'm using horizontal list like this:

but I would like to have equal width for every item element, like this:

How can I do this without using table?

Here is my playground: https://jsfiddle.net/q6ok4j5e/

[smartm0use]

Any idea?

[ColinFrick]

Instead of a horizontal list you could use a grid https://fomantic-ui.com/collections/grid.html

[lubber-de]

Or use the same approach as for form fields (where a equal width exists (but only for one row)
https://jsfiddle.net/lubber/ts7q6uda/3/

.ui.horizontal.list{
 display: flex;
}

.ui.horizontal.list .item {
  width: 100%;
  flex: 1 1 auto;
}

[smartm0use]

Thank you for your replies. I think using grid is the right solution in my case.