デザイン

文字の横に横線を入れる方法

今回はテキストの両脇に横線を表示する方法を紹介します。 ちょっとしたテキストやタイトルの装飾に便利だと思うので、ぜひ使ってみてください。 html <span>タイトル</span> sass span { display: block; margin-bottom: 10px; text-align: center; color: #fff; font-size: 14p […]

html width:100%とwidth:autoの違い

いつも使ってるかんたんなもの、なのに以外に雰囲気だけ掴んでいて詳細は知らない。。。自分の身の回りにありますよねそういうもの。そんな代表格と自分で決めて付けているものの一つがwidth: 100%,width: autoではないでしょうか? 「あれ?なんかwidth: 100%指定してるのに横はみ出てるんですけど?」 解決できます。   結論 ・width: 100%・・・指定した要素のp […]