CSSのご質問になるかと思います。
初心者で、分からないことが多くご迷惑をおかけしますが、ご回答お待ちしております。。
タイトルに書いた通り、
\ こういう見出し / を作りたいです。
現状
スクリーンショット
CSS code (上書きの関係でimportantついてます。無視して下さい。)
CSS
1h6 { 2 position: relative; 3 padding: 0 25px !important; 4 margin: 0 auto; 5 text-align: center; 6 font-size: 16px; 7 border: none !important; 8} 9h6:before, h6:after { 10 content: ''; 11 position: absolute; 12 top: 10px; 13 display: inline-block; 14 width: 24px; 15 height: 2px; 16 background-color: #FF70A6; 17} 18h6:before { 19 left:0; 20 transform: rotate(60deg); 21} 22h6:after { 23 right: 0; 24 transform: rotate(-60deg); 25}
課題
** 文字の幅を動的に取ってくれず、\/部分が離れてしまう**
開発者ツールで見てみるとこんな感じ。
解決はむずかしいのかなと思いつつ、もし解決策がわかればご教示いただけると幸いです。
よろしくお願いいたします。。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/03 12:19