Css

Search

css spread children horizontally

.container {
  display: flex;
  
  justify-content: space-around;
  /* OR */
  justify-content: space-between;
  /* OR */
  justify-content: space-evenly;
}

Comment

PREVIOUS	NEXT

Code Example
Css :: loop scss
Css :: wordpress smooth scroll to anchor
Css :: locate canvas in center of screen css
Css :: remove underline from a link css
Css :: how to use between in media query
Css :: text truncate after 3 lines
Css :: 1 line darkmode css
Css :: not disabled css
Css :: css remove link border on click
Css :: css font color gradient
Css :: css hr thickness
Css :: media queries w3schools
Css :: truncate text css
Css :: vertically center an svg
Css :: css hover to disable
Css :: swiper slider autoplay
Css :: how to center an image element inside a block in css
Css :: Safari only CSS hack
Css :: ion input change font size
Css :: change scrollbar width and height in css
Css :: detect portrait landscape css
Css :: how to wrap text in div css
Css :: css overflow y 3 dots
Css :: media query tablet only
Css :: gradient border with border radius
Css :: css border top
Css :: how to make font awesome responsive bootstrap
Css :: repeat with auto-fit
Css :: css margin bottom
Css :: css table borders

Search

CSS

css spread children horizontally

ADD CONTENT