display: inline-blockによる横並び

  • css
  • 閲覧410
.div_inline_block {
    font-size: 0;
}
.div_inline_block .cell {
    font-size: 12pt;
    border: 1px solid green;
    display: inline-block;
}

<div class="div_inline_block">
    <div class="cell">aaa</div>
    <div class="cell">b...

///*** 無料ユーザー登録後、正常なすべてのコードが表示されます ***///

					

css display: inline-blockによる横並び

コードの説明
「display: inline-block」は幅や高さなどを指定できるインライン要素です。
注意点

親要素に font-size: 0; を指定してブロック間の隙間をなくす
子要素に font-size: 12pt; を指定してフォントの大きさを指定する