问:如果有人可以帮助我,那就太酷了。
样式文件
/* 通过在下面编写 CSS 来完成挑战 */
header { text-align : center ; } . 标志{宽度:110像素;保证金:自动;} . 姓名, . 主导航,。main-nav li {显示:内联块;} . main-nav li { margin-right : -4 px } }
索引.html
<!DOCTYPE html>
< html >
< head >
< title > CSS布局入门</ title > < link href = 'https: //fonts.googleapis.com/css ? family = Varela + Round'rel = 'stylesheet ' type = 'text/css' > < link rel = "stylesheet" href = "page.css" > < link rel = "stylesheet" href = "style.css"> </头
>
< body > < div class = "container" > < header > < img class = "logo" src = "city-logo.svg" alt = "logo" > < ul class = "main-nav" > < li > <一个HREF = “#” >冰淇淋</一> </李> <李> <a href = "#" >甜甜圈
</一> </李>
<李> <一个HREF = “#” >茶</一> </李> <李> <一个HREF = “#” >咖啡</一> </李> </ ul > </ header > </ div > </ body > </ html >
答: 你可以通过将你的 img 添加到 li 来做到这一点,但我不建议这样做。只需根据 CSS 中的另一个规则获取 img。