调整HTML WordPress小部件的宽度

我在WordPress上工作，我在页脚的HTML小部件中有以下代码，但是电子邮件显示在两行不同的地方，我怎样才能让电子邮件正确显示在一行上，谢谢！它显示为：

第1行：office@glassche

下面的第2行：m.eu

<div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <i class="ion-ios-location-outline"></i>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
        <p>Plovdiv, Bulgaria</p>
    </div>
</div>
<hr/>
<div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <i class="ion-ios-telephone-outline"></i>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
        <p>
            <span>+359 32 680 129</span>
            <br/>
            <small>Mon-Fri, 8.30am until 
    5.00pm</small>
        </p>
    </div>
</div>
<hr/>
<div class="row">
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
        <i class="ion-ios-email-outline"></i>
    </div>
    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
        <p>
            <span>office@glasschem.eu</span>
            <br/>
            <small>We reply within 24 
    hours</small>
        </p>
    </div>
</div>

保加利亚普洛夫迪夫



+359 32 680 129


周一至周五上午8:30至
下午五时



office@glasschem.eu


我们会在24小时内回复
小时

您的html代码很好。 它的表演是这样的

也许您可以删除span标记，给它一个类并对其应用css

显示：内联块

---

在WordPress小部件中，它应该适合您。

您正在尝试将电子邮件放在col-md-2中，宽度为16.33%，因此它不适合，它将分成两行

将此css用于电子邮件范围标记

span{
    white-space: nowrap;
}

---

请查收。这还不足以重现你的问题。你有额外的css吗？你是在电脑上还是在手机屏幕上？@Firefly我想是的，它可能太小了，无法包裹在下面。你读过吗？他使用的是引导两列类，所以内联块在这里不起作用