display: inline-blockによる横並び

css
閲覧729

.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...

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

コードの説明

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

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

参照先URL

http://logic.moo.jp/memo.php/category/7

エディタ設定

display: inline-blockによる横並び

display: inline-blockによる横並び