Html 标题行不为'；不要出现在一行中

我通过javascript创建了一个弹出窗口，下面是呈现的html。我希望有一个标题行包含标题（“PreisTechner”）和您在下面看到的两个图标。我真的无法调整它们，使它们排成一行。我应该怎么做才能得到一行标题和图标

所需结果：

---

您似乎正在使用引导，因此一种解决方案是：

<div class="my-popup-heading"><h5 class="pull-left">Preisrechner</h5>

            <div class="headingIcons">
                <ul class="list-inline pull-right">
                    <li><i class="ion-ios-navigate-outline"></i></li>
                    <li><i class="ion-ios-close-empty"></i></li>
                </ul>
            </div>
        </div>

preistechner

在basic中，您可以为图标和标题指定不同的浮动，以实现所需的结果

.pull right

和

.pull left

是提供浮动的引导类

---

您似乎正在使用引导，因此一种解决方案是：

<div class="my-popup-heading"><h5 class="pull-left">Preisrechner</h5>

            <div class="headingIcons">
                <ul class="list-inline pull-right">
                    <li><i class="ion-ios-navigate-outline"></i></li>
                    <li><i class="ion-ios-close-empty"></i></li>
                </ul>
            </div>
        </div>

preistechner

在basic中，您可以为图标和标题指定不同的浮动，以实现所需的结果

.pull right

和

.pull left

是提供浮动的引导类

---

您似乎正在使用引导，因此一种解决方案是：

<div class="my-popup-heading"><h5 class="pull-left">Preisrechner</h5>

            <div class="headingIcons">
                <ul class="list-inline pull-right">
                    <li><i class="ion-ios-navigate-outline"></i></li>
                    <li><i class="ion-ios-close-empty"></i></li>
                </ul>
            </div>
        </div>

preistechner

在basic中，您可以为图标和标题指定不同的浮动，以实现所需的结果

.pull right

和

.pull left

是提供浮动的引导类

---

您似乎正在使用引导，因此一种解决方案是：

<div class="my-popup-heading"><h5 class="pull-left">Preisrechner</h5>

            <div class="headingIcons">
                <ul class="list-inline pull-right">
                    <li><i class="ion-ios-navigate-outline"></i></li>
                    <li><i class="ion-ios-close-empty"></i></li>
                </ul>
            </div>
        </div>

preistechner

在basic中，您可以为图标和标题指定不同的浮动，以实现所需的结果

.pull right

和

.pull left

是提供浮动的引导类

我用您想要的简单更改创建了一个

以下是关键的CSS更改：

.my-popup-heading h5{
    display: inline-block;
    width: 45%;
    float: left;
}

.headingIcons ul li{
  display: inline;
}

.my-popup-heading .heading-icons{
   display: inline-block;
   float:right;
   width:45%;
}

为了使块级元素（

，

）位于同一行上，必须使用显示类型，例如

内联

或

内联块

。要使

位于同一行中，必须使用

显示：inline

如果我误解了，请在下面发表评论。

我用您想要的简单更改创建了一个

以下是关键的CSS更改：

.my-popup-heading h5{
    display: inline-block;
    width: 45%;
    float: left;
}

.headingIcons ul li{
  display: inline;
}

.my-popup-heading .heading-icons{
   display: inline-block;
   float:right;
   width:45%;
}

为了使块级元素（

，

）位于同一行上，必须使用显示类型，例如

内联

或

内联块

。要使

位于同一行中，必须使用

显示：inline

如果我误解了，请在下面发表评论。

我用您想要的简单更改创建了一个

以下是关键的CSS更改：

.my-popup-heading h5{
    display: inline-block;
    width: 45%;
    float: left;
}

.headingIcons ul li{
  display: inline;
}

.my-popup-heading .heading-icons{
   display: inline-block;
   float:right;
   width:45%;
}

为了使块级元素（

，

）位于同一行上，必须使用显示类型，例如

内联

或

内联块

。要使

位于同一行中，必须使用

显示：inline

如果我误解了，请在下面发表评论。

我用您想要的简单更改创建了一个

以下是关键的CSS更改：

.my-popup-heading h5{
    display: inline-block;
    width: 45%;
    float: left;
}

.headingIcons ul li{
  display: inline;
}

.my-popup-heading .heading-icons{
   display: inline-block;
   float:right;
   width:45%;
}

为了使块级元素（

，

）位于同一行上，必须使用显示类型，例如

内联

或

内联块

。要使

位于同一行中，必须使用

显示：inline

如果我误解了，请在下面发表评论。

试一下：

ul{
浮动：对；
}
h5{
浮动：左；
}

尝试以下方法：

ul{
浮动：对；
}
h5{
浮动：左；
}

尝试以下方法：

ul{
浮动：对；
}
h5{
浮动：左；
}

尝试以下方法：

ul{
浮动：对；
}
h5{
浮动：左；
}

Post a fiddle with your example，有人可以帮助你。@LShetty问题中有一个fiddle基本上你添加的引导类在很多lvl上都是错误的。如果您仍然想使用这些，请检查我在您的提琴中添加的css的最后几行，以覆盖某些属性：发布一个提琴示例，有人可以提供帮助。@LShetty问题中有一个提琴基本上，您添加的引导类在许多lvl上都是错误的。如果您仍然想使用这些，请检查我在您的提琴中添加的css的最后几行，以覆盖某些属性：发布一个提琴示例，有人可以提供帮助。@LShetty问题中有一个提琴基本上，您添加的引导类在许多lvl上都是错误的。如果您仍然想使用这些，请检查我在您的提琴中添加的css的最后几行，以覆盖某些属性：发布一个提琴示例，有人可以提供帮助。@LShetty问题中有一个提琴基本上，您添加的引导类在许多lvl上都是错误的。如果您仍然想使用这些，请检查我在您的小提琴中添加的css的最后几行，以覆盖某些属性：