HTML&CSS　練習/float/header

header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 55px;
background-color: navy;
color: white;
}

.abc {
float: left;
width: 233px;
padding-left: 11px;
font-size: 24px;
line-height: 55px;
}

header ul {
float: right;
width: 157px;
line-height: 55px;
}

header ul li {
float: left;
list-style: none;
padding-right: 22px;
font-size: 16px;
}

//【練習問題】が左寄せで表示され、【基本】と【応用】が右寄せ　かつ　横並びで表示されるようにfloatプロパティを設定する。