Question

我this code我需要将图片与时间轴标题放在同一行。

<div class="container">
<div class="page-header">
    <img src="https://lh3.googleusercontent.com/J1d-4ze1atTh6BbMXh34eK_4fEttHBlztlWcgjKbzzd79zQYCqkLxw07Gh7oRdJrZAybyTG3acXKn7QHh3S54bgZ7awV5YQm6XZiTp_OHJq1f3a0aoOHusbbWq2kc6oAmg" width="100px" height="124px" class="img-thumbnail">
    <h1 id="timeline">Timeline</h1>
</div>
....
</div>

Answer 1

这是一个可能的解决方案：http://codepen.io/anon/pen/RPgbYZ

<强> HTML

 <div class="page-header">
        <img src="https://lh3.googleusercontent.com/J1d-4ze1atTh6BbMXh34eK_4fEttHBlztlWcgjKbzzd79zQYCqkLxw07Gh7oRdJrZAybyTG3acXKn7QHh3S54bgZ7awV5YQm6XZiTp_OHJq1f3a0aoOHusbbWq2kc6oAmg" width="100px" height="124px" class="img-thumbnail">
        <span id="timeline" class="heading-text">Timeline</span>
    </div>

CSS :(已添加）

.heading-text{
  margin-left:10px;
  font-size:38px;
  vertical-align:bottom;
}

文字旁边的图像

1 个答案: