「CSS」inline-blockでインライン要素とブロック要素を指定

2014年3月27日2021年11月9日

構文

.クラス名　div {
    display: inline-block;
}

使用例

<style>
  .cft div {
   /*inline-blockを指定*/
    display: inline-block;
    /*widthで幅を指定*/
    width: 80px;
    /*heightで高さを指定*/
    height: 50px;
    margin: 20px 20px 20px 20px;
    background-color: skyblue;
  }
</style>
<!--セレクタcftを利用 -->
<div class="cft">
  <div>AA01</div>
  <div>B002</div>
  <div>C003</div>
   <div>D004</div>
</div>