2015-06-09 117 views
0

我已經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> 

回答

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; 
}