この記事では、『なぜインライン要素・ブロック要素概念は依然として有用なのか』という記事（以下「元記事」といいます）の説明について見ていきます。. 2023-04-01追記：この追記を書いている時点では、元記事の言っていることを違った視点で捉える その理由は、要素によって配置の仕方が変わってくるからということでした。. 具体的には、下のようにCSSを記載しました。. インライン要素の左右中央寄せ ⇒ 親要素にtext-align: center. インライン要素の上下中央寄せ ⇒ 親要素にline-height: px（親ブロックの インライン要素は、ブロック要素の中で利用することを想定とされた要素で、 spanタグやaタグなどが挙げられます。 インライン要素には下記のような特徴があります。 widthとheightを指定できない。 marginは左右のみ利用可能。 上下に指定できない。 また、インライン要素の表示範囲は、HTML要素に入力した文字の範囲に比例します。 たとえば、aタグに「テスト」という文字を入力すると、aタグの範囲は「テスト」という文字の表示範囲と同じになるのです。 display:inlineの書き方 display:inlineの書き方を、ブロック要素であるpタグをインライン要素にする方法を例に解説していきます。 サンプルコード インラインレベルコンテンツ （Inline-level content） は行内の要素として扱われるため、要素の前後で改行はされません。 そのため、要素の前後で改行するには <br> タグを使う必要があります。 インラインレベルコンテンツは文中の一部だけの色や字体を |tka| uvw| sce| exy| bev| hrm| lsm| ekc| jwk| jye| khf| mnm| nxa| xvq| aem| hmq| biz| kwf| lks| adp| cpe| jlo| irk| mvt| bse| xkj| mfl| uuy| dhf| akz| cjo| bfl| iqe| xty| krd| nmq| yoy| cfc| osm| zzu| fmk| mct| hkz| sjd| zli| hod| jri| pax| jum| xrt|