Question

我写了一个如here所示的代码您可以看到图像显示在顶部，文本正在下降。我希望图像和文字都在同一行 CSS ：

#menu{
    background: #003663 repeat scroll 0% 0%;
    width: 100%;
    min-width: 1000px;
    height: 63px;
}
#menu #plc{
    width: 82%;
    margin: 0px auto;
    overflow: hidden;
}
#menu #plc #register{
    color: #fff;
    font-size: 21px;
    margin: 1% 0 0 0;
    background-color: red;
    width: 12%;
}
#menu #plc #register img{
    width: 15.5%;
    margin-left: 7%;
}

我该怎么办？

Answer 1

试试这个：

<强> CSS

#register img, #register div{
    display:inline-block;
    vertical-align: middle;
}

<强> DEMO HERE

使图像和文本在div中彼此相邻

1 个答案: