サクサク読めて、アプリ限定の機能も多数!
“h2 { display: flex; align-items: center; text-align: center; /* for no-flexbox browsers */ } h2:before, h2:after { border-top: 1px solid; content: ""; display: inline; /* for IE */ flex-grow: 1; } h2:before { margin-right: 0.5em; } h2:after { margin-left: 0.5em; }”
mnbdyunan のブックマーク 2016/02/11 16:39
横に水平線のあるテキスト“h2 { display: flex; align-items: center; text-align: center; /* for no-flexbox browsers */ } h2:before, h2:after { border-top: 1px solid; content: ""; display: inline; /* for IE */ flex-grow: 1; } h2:before { margin-right: 0.5em; } h2:after { margin-left: 0.5em; }”2016/02/11 16:39
“h2 { display: flex; align-items: center; text-align: center; /* for no-flexbox browsers */ } h2:before, h2:after { border-top: 1px solid; content: ""; display: inline; /* for IE */ flex-grow: 1; } h2:before { margin-right: 0.5em; } h2:after { margin-left: 0.5em; }”
このブックマークにはスターがありません。 最初のスターをつけてみよう!
terkel.jp2014/01/09
図1:横に水平線のあるテキストの例 おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法について考えてみました。 Demo: 横に水平線のあ...
138 人がブックマーク・19 件のコメント
\ コメントが サクサク読める アプリです /
“h2 { display: flex; align-items: center; text-align: center; /* for no-flexbox browsers */ } h2:before, h2:after { border-top: 1px solid; content: ""; display: inline; /* for IE */ flex-grow: 1; } h2:before { margin-right: 0.5em; } h2:after { margin-left: 0.5em; }”
mnbdyunan のブックマーク 2016/02/11 16:39
このブックマークにはスターがありません。
最初のスターをつけてみよう!
横に水平線のあるテキスト
terkel.jp2014/01/09
図1:横に水平線のあるテキストの例 おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法について考えてみました。 Demo: 横に水平線のあ...
138 人がブックマーク・19 件のコメント
\ コメントが サクサク読める アプリです /