ヘッダーのレイアウト

おいしいお店ー東北

ヘッダーのレイアウト

ヘッダーの中身を横並びにする

f:id:t0919k-1201y:20201029134134p:plain

f:id:t0919k-1201y:20201029134150p:plain

 

floatプロパティ

f:id:t0919k-1201y:20201029134505p:plain

f:id:t0919k-1201y:20201029134518p:plain

f:id:t0919k-1201y:20201029134530g:plain

 

ヘッダーのリストを横並びにする

f:id:t0919k-1201y:20201029135441p:plain

f:id:t0919k-1201y:20201029135519p:plain

<li>要素全体にfloat: left;を指定

 →それぞれの<li>要素が一つずつ左から並び横並びに

 

ヘッダーのロゴとリストを横並びにする

f:id:t0919k-1201y:20201029135914p:plain

f:id:t0919k-1201y:20201029135948p:plain

.header-logo{
float: left;
font-size: 36px;(文字の大きさ36px)
}

コメント

タイトルとURLをコピーしました