Div right and left

#container {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
  background-color: lightyellow;
}
#container > div {
  width: 100px;
  height: 100px;
  border: 2px dashed red;
}

Source: stackoverflow.com

Similar codes

21 votes144 views1 answer
Phone screen size fix html meta
Html
1 vote147 views2 answers
Tailwind text opacity
Html
9 votes151 views2 answers
Html make a clickable link
Html
2 votes132 views2 answers
Position relative bootstrap 4
Html
0 vote178 views1 answer
How to add an input next to each other
Html
5 votes137 views2 answers
Table bootstrap with scrool
Html
-1 vote145 views1 answer
Structure of an html document
Html
7 votes138 views1 answer
Bootstrap + cards
Html
27 votes127 views1 answer
How to include the copyright symbol in html
Html
4 votes157 views4 answers
How to run vscode as root
Html