html - 如何使用我的 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

我怀疑这是您的“col-md-6”类中的一种样式。请发布该类(class)的内容，我们可以帮助您。我在 Chrome、FireFox 和 sigh Internet Explorer 中尝试了您的代码片段，它们都在没有该类的情况下工作。

只需添加

display: inline;

到你的“col-md-6”类。