如何在同一行引导程序模型中强制执行两个元素对齐

Question

<h4 class="modal-title">
   Simple title
   <div id="abs">1419698355</div>
</h4>

使用此代码我会在一行中获得简单标题，并在下一行中获取ID。 我如何强迫他们显示同一条线？

Answer 1

#abs{display:inline}

 <h4 class="modal-title">
       Simple title
       <div id="abs">1419698355</div>
    </h4>

或者您可以使用属性

<h4 class="modal-title">
   Simple title
   <span id="abs">1419698355</span>
</h4>

Answer 2

将样式赋予abs左侧浮动

#abs{
float:left;
}
<div id="abs" style="float:left;">1419698355</div>

Answer 3

不允许将元素<div>作为HTML 4.01 / XHTML中元素<h2>的子元素。但是，在HTML5中，它是允许的。：

#abs{display:inline}

<h4 class="modal-title">
     Simple title
     <span id="abs">1419698355</span>
</h4>  `