ヘッダーの中身を横並びに
ヘッダーの中身を横並びに
今日もHTMLの基礎をします。
これは私自身の頭の中の整理のために記載しております。
間違えや表現が違う可能性があります。
間違えや表現が違う場合は教えて頂けると嬉しく思います。
- ヘッダーの中身を横並びに
CSSを使用するときはHTMLファイルとは別にCSSファイルが必要です。
ヘッダーの中身を横並びに
HTMLで記載した要素は基本的に縦に並びます。
これを横並びにするにはCSSファイルで指定をします。
縦並びHTML
＜ul＞
＜li＞test1＜/li＞
＜li＞test2＜/li＞
＜li＞test3＜/li＞
縦並びCSS
li{
list-style:none;
}
横並びHTML
＜ul＞
＜li＞test1＜/li＞
＜li＞test2＜/li＞
＜li＞test3＜/li＞
縦並びCSS
li{
list-style:none;
float:left;
}
floatを使用することにより縦から横に変更することが可能
毎日少しづつ頑張ろう！！
