Как расположить блоки рядом?

Question

Всем привет, необходимо расположить два блока рядом, не понимаю как это делается вообще, пишут, что через flexbox но я не догоняю как это сделать...

Answer 1

flexbox

#a {
  background: blue;
}

#b {
  background: red;
}

div {
  height: 50px;
  width: 50px;
}

body {
  display: flex;
}

<div id="a"></div>
<div id="b"></div>

inline-block

#a {
  background: blue;
}

#b {
  background: red;
}

div {
  display: inline-block;
  height: 50px;
  width: 50px;
}

<div id="a"></div><!-- обязательно комментарий, чтобы не было гэпа
--><div id="b"></div>

float: left

#a {
  background: blue;
  float: left;
}

#b {
  background: red;
  float: left;
}

div {
  height: 50px;
  width: 50px;
}

<div id="a"></div>
<div id="b"></div>