「CSS」displayプロパティのinline-blockのサンプル

2014年1月9日2020年12月3日

説明
inline-block
この要素はブロック要素ボックスを生成しますが、周囲のコンテンツに対しては単一のインラインボックスであるかのように流れるようになります。
htmlコード

<div id="cft">12345678 Abcdefg</div>

CSSコード

#cft {
    display: inline-block;
    height: 60px;
    text-align: left;
}