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

2014年7月5日2021年8月25日

書式
クラス名　div{
display: inline-block;}
使用例

<style>
  .cft div {
    display: inline-block;
    width: 80px;
    height: 50px;
    margin: 15px 15px 20px 20px;
    background-color: skyblue;
  }
</style>
<div class="cft">
  <div>111</div>
  <div>222</div>
  <div>333</div>
  <div>444</div>
</div>