Не работает display:inline-block

#text1 {
  color: green;
  text-align: center;
  font-size: 25px;
  font-family: Calibri;
  font-weight: lighter;
}

#borov {
  width: 384px;
  height: 384px;
  position: relative;
  left: 175px;
  border: 1px solid black;
}

#borovtupo {
  width: 768px;
  height: 768px;
  margin: 0px auto 250px auto;
}

.button {
  width: 256px;
  height: 256px;
  border: 1px solid black;
  display: inline-block;
  position: relative;
}

<div id="borovtupo">
  <h1 id="text1">Биография Жмышенка Валерия Альбертовича</h1>
  <a href="https://www.youtube.com/user/GLADIATORPWNZ"><img id="borov" src="https://memepedia.ru/wp-content/uploads/2018/06/unnamed-768x768.jpg" alt="Пажилой боров в свои 54 ГГГГода">
  </a>
  <div>
    <div class="button">
      <p>тест</p>
    </div>
    <div class="button">
      <p>тест</p>
    </div>
  </div>
</div>