こんな感じ。
テキスト
記事の中にはこう書いてあるのだが、
|
1 |
<p class="text-line-right">テキスト</p> |
これだけでは上のように表示されず、以下のようなCSSを書いておかなければならない。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.text-line-right { display: flex; align-items: center; } .text-line-right:after { content: ""; flex-grow: 1; height: 1px; background: #444; display: block; } .text-line-right:after { margin-left: .4em; } |
どこに書くかというと、以下のようにする。
追記(2021/06/23)
この記事の存在自体を忘れて以下の記事を書いた。
文字の横のラインは以下の新しい記事で引用させていただいたCSSに統一した。
「WordPress 文字の右にライン」
