はてなブログでインラインCSSを活用して記事をデザインしてみる

displayプロパティ

最近「display」プロパティの使い方を覚えた。

【参考になる記事】

• 【CSS】displayの使い方を総まとめ！inlineやblockの違いは？

【displayプロパティを使って記事欄を２カラム構成にする】

inline-block:1

inline-block:2

【コード】

<div style="display: inline-block; width: 50%; height:300px; background: whitesmoke;">
inline-block:1
</div>
<div style="display: inline-block; width: 50%; height:300px; background: lightcyan;">
inline-block:2
</div>