==HTML==
<div class="sample-contents"> <h1>sample</h1> <p class="sample-text"> <u class="sample-text">sample</u> <h1>sample</h1> <p class="sample-text"> <u class="sample-text">sample</u> </div> <div class="sample-contents"> <h1>sample</h1> <i class="fa fa-facebook"></i> <i class="fa fa-twitter"></i> <i class="fa fa-instagram"></i> </div> </div>
==CSS==
.sample{ width:800px; margin:0 auto; } .sample-contents{ float:left; width:400px; text-align:left; } .sample-contents h1{ text-align: left; } .sample-text{ }
上記のHTML,コードに対してcssを変更していただいてdivボックスを中央に寄せてテキストを左揃えにする方法を教えてください。
回答いただいた指示で行ったのですが解決できませんでした。
解決できる方よろしくお願いします。
変更ごのCSSです。
.sample{ width:800px; margin:0 auto; } .sample-contents{ float:left; width:400px; margin: 0 auto; text-align:left; overflow: hidden; } .sample-contents h1{ text-align: left; } .sample-text{ }
こちらの言葉足らずで申し訳ありません。
ボックス内でのテキストをセンター寄せにして左揃えにする方法を教えてください。
下記の画像のようにお願いします。
![
回答3件
あなたの回答
tips
プレビュー