如何在同一行自举模型中强制两个元素对齐

Question

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

Using this code i'm getting the simple title on one line and the id on the next line. How can i force them to be display the same line?

Answer 1

#abs{display:inline}

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

Or you can just use the attribute

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

Answer 2

give style to abs as float left

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

Answer 3

Element <div> is not allowed as a child of element <h2> in HTML 4.01/XHTML. But, in HTML5 it is allowed.:

#abs{display:inline}

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