When I write to div, it leaves the place

Question

When I write to div, it leaves the place

Navigation

#1 by (1 votes)

0

#meio {

  width: 100%;

  text-align: center;

}

.box {

  margin: 10px 4px;

  margin-bottom: -4px;

  display: inline-block;

}

#box-1 {

  width: 290px;

  height: 300px;

  background-color: white;

}

#box-2 {

  width: 290px;

  height: 300px;

  background-color: white;

}

#box-3 {

  width: 290px;

  height: 300px;

  background-color: white;

}

<div id="meio">

  <div id="box-1" class="box">aaaaa</div>

  <div id="box-2" class="box"></div>

  <div id="box-3" class="box"></div>

</div>

html css

asked by anonymous 22.05.2015 / 14:15

1 answer

3 layouts and an activity Java: FileReader reading number that is not in the file

score 1 · Answer 1

Add a "display: flex" in your id # half. Then you can even remove the "display: inline-block" class .box

#meio {

  width: 100%;

  text-align: center;

  display: flex;
}

.box {

  margin: 10px 4px;

  margin-bottom: -4px;

}