Question

我写了一个如here所示的网页。但divs正如图所示。我希望你的divs能够直线前进。这是css代码：

#header #menu #plc #register{
    color: #fff;
    font-size: 21px;
    margin: 1% 0 0 0;
    background-color: #02080f;
    width: 12%;
}
#header #menu #plc #register img{
    width: 15.5%;
    margin-left: 7%;
}
#register img, #register div{
    display:inline-block;
    vertical-align: middle;
}
#register{ white-space: nowrap;}
#register div{
    padding: 0 0 0 5%;
}
#header #menu #plc #registerOne {
    vertical-align: middle;
}

Answer 1

您需要使用inline-block，以便将它们放在一行中。请尝试按照Frontend Guidelines编写HTML / CSS。

#register {
  display: inline-block;
}

Updated JSfiddle

Divs下来而不是排队

1 个答案: