Spread items: Possible with "flex"?

Hello!

Im setting up a list of concert-dates. And I want the text to be spread out. So the DATE is aslways to the left, the location is always in the middle, and the time is always far right. Is this possible in flexbox?

I´ve been playing around with it, but I never quite get the result Im looking for.

//

Skjermbilde 2023-04-25 kl. 22.33.20

I’m sure there is something that would work, I think the property is justify-content: space-between; you might also try space-evenly and see which you like better

Thanks for the reply!

Space-between and space-around dont push the two far enough to the sides :no_mouth:

You need to separate the three pieces in separate spans, like so:

Cheers!

1 Like