Avatar of APD Toronto
APD TorontoFlag for Canada

asked on 

CSS Flex space-between

Hi Experts

Can anyone please tell me why my li items aren't spreading at http://codepen.io/AleksPoposki/pen/ryoNpo?editors=1100

I'm hoping that "one" would be at the far left, "two" in the middle, and "three" at the far  right of the div, and if I add more, or increase the div's width, all items  would be distributed evenly?

Hopefully, I can do this within the given setup (div > ul >li), as this is how I have it in my website.

Thank you.
CSS* CSS flex

Avatar of undefined
Last Comment
APD Toronto
ASKER CERTIFIED SOLUTION
Avatar of Paweł
Paweł
Flag of Switzerland image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of APD Toronto
APD Toronto
Flag of Canada image

ASKER

Thank you!
CSS
CSS

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

43K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo