mtbr https://blog.hatena.ne.jp/mtbr/ mtbrの日記 https://mtbr.hatenadiary.org/ markup howto のような効果が欲しいとき使えるCSS。table タグは使いたくないけれど、table タグの効果が欲しい。 ということで、 水平方向のmargin:autoと、 display:table を組み合わせる。 <h1 style="border:1px black solid; display:table; margin: 0 auto;">test</h1>水平方向の margin:auto は、LaTeX の\hfill と同様に解釈される。 display:table は、bounding box のサイズが「最小」になる。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmtbr.hatenadiary.org%2Fentry%2F20060716%2Fmarkuphowto" title=" ブロック要素をセンタリング - mtbrの日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2006-07-16 00:00:00 rich https://mtbr.hatenadiary.org/entry/20060716/markuphowto 1.0 100%