如何使用我的span标记，以便它不会转到新行

Question

我正在尝试添加span标记，以便我可以在电子邮件地址文本旁边添加一个红色星号，以表明它是必需的。但是，每次我添加一个span标记时，它会将星号下拉到下一行，如下所示：

以下是我为该列使用的代码部分：

    <div class="col-md-6">

        <h4>Email Address <span style="color:red;">*</span></h4>
        <p><input class="form-control" required name="contactEmail" id="contactEmail" type="email" /></p>

    </div>

任何人都可以帮我把星号放在与“电子邮件地址”相同的行吗？

Answer 1

您需要确保<span>代码为display:inline-block。它似乎已在代码中的较早位置设置为block。

span {
   display: inline-block;
}

Answer 2

基于这个小提琴，http://jsfiddle.net/s9U26/它看起来应该有效，所以你没有表现出来。

你可能在某个地方有这个设置：

span{
    display: block;
}

导致您看到的效果，将其更改为

span{
    display: inline;
}

Answer 3

我怀疑这是你＆＃34; col-md-6＆＃34;类。请发布该课程的内容，我们可以帮助您。我在Chrome，FireFox和叹息 Internet Explorer中尝试了您的代码段，他们都没有使用该类。

添加

display: inline;

到你的＆＃34; col-md-6＆＃34;类。