[TIL]displayプロパティ:inline、inline-block、block



displayのプロパティ-inline


inlineとして指定された要素は、改行せずに1行で他の要素と並べて表示されます(height値とwidth値は変更されません).ex) default가 inline -> <span>, <a>, <em>...

displayのプロパティ-block


blockとして指定された要素には改行が含まれています.すなわち、block形式で1行(幅100%)を占めます.ex) default가 block -> <h1>, <div>, <p>...

displayのプロパティ-inline-block


inlineと似ていますがwidthとheightを変更できます
display: inline;
display: block;
display: inline-block;
📌 属性がわかりませんか?色を入れましょう.