See the Pen LGOvYP by codebox (@codebox) on CodePen. See the Pen LGOvYP by codebox (@codebox) on CodePen. See the Pen LGOvYP by codebox (@codebox) on CodePen.

See the Pen eJEZdE by codebox (@codebox) on CodePen. See the Pen eJEZdE by codebox (@codebox) on CodePen.

See the Pen ZQKBYr by codebox (@codebox) on CodePen.

See the Pen GoWEzw by codebox (@codebox) on CodePen. See the Pen GoWEzw by codebox (@codebox) on CodePen. See the Pen GoWEzw by codebox (@codebox) on CodePen.

See the Pen XXMJra by codebox (@codebox) on CodePen.

See the Pen QyjJzJ by codebox (@codebox) on CodePen. See the Pen QyjJzJ by codebox (@codebox) on CodePen.

div内にある横並びの最後の右マージンを調整して幅を合わせる方法。See the Pen pgjOVj by codebox (@codebox) on CodePen. See the Pen pgjOVj by codebox (@codebox) on CodePen. See the Pen pgjOVj by codebox (@codebox) on CodePen.

親要素に display: table; を指定します。 子要素に display: table-cell; を指定します。 親要素に table-layout: fixed; を指定するとテーブルの列幅が均等になります。See the Pen rxVmJQ by codebox (@codebox) on CodePen. See the Pen rxVmJQ by codeb…

See the Pen QywrLw by codebox (@codebox) on CodePen.

See the Pen XXJeYw by codebox (@codebox) on CodePen. See the Pen XXJeYw by codebox (@codebox) on CodePen. See the Pen XXJeYw by codebox (@codebox) on CodePen.

dtにfloatをddにmarginを指定して dt分の横幅を指定する。See the Pen gPbzay by codebox (@codebox) on CodePen. See the Pen gPbzay by codebox (@codebox) on CodePen. See the Pen gPbzay by codebox (@codebox) on CodePen.

ヘッダー header head heading top headTop headerTop topArea topBase メイン main mainArea contents mainContents mainContainer blockArea mainSection mainBox contentBlock mainBase サイド side sidebar sideOne sideTwo menu sideMenu sideContent s…

!important;を使うとスタイルを優先させることができます。 「プロパティ: 値」の後に半角スペースで区切り!important;を配置します。See the Pen obgwbZ by codebox (@codebox) on CodePen.

メルマガで擬似インラインフレームを使用するとGmailで崩れて表示されます。 原因はCSSでheightを指定するとmin-heightへ強制的に変換されるためです。 heightの変わりにmax-heightを指定すると解決できます。 CSSはstyleで指定しなければなりません。 <div style="overflow:auto;width:500px;max-height:200px"> テキ</div>…

:first-child ある親要素の最初の子要素 :last-child ある親要素の最後の子要素 :hover カーソルが上に乗っており、且つアクティブでない要素 :focus テキスト入力にフォーカスされている要素 :target フラグメント識別子を持ってるurlリンクでターゲット対…