html/css 问题

Question

我正在努力实现以下目标(用于构建表单):

Name: [        ] *

我的标记是:

<label>Name:</label>
<input type=text name=name>
<span class=validate></span>

我的 CSS 是:

label
{
    display:block;
    width:50px;
    float:left;
}
input
{
    float:left;
}
span.validate
{
    display:block;
    background-image:url(img/required.png);
    width:16px;
    height:16px;
}

问题:validate-span 位于最左边的边框而不是文本框的右边。怎么了？

谢谢

Answer 1

您正在使用 display: block 在您的 span 上，因此它会自动换行。您可以将其更改为 inline-block 或 float 它。