1
我試圖做到這一點(PNG樣機): 對齊在一個div的圖像坐在後面的文本在另一個DIV右
通過嘗試這種(jsfiddle):
HTML:
<div class="container">
<div class="traintext">The East London Line part of the London Overground line that runs north to south through the East End, Docklands and South areas of London.</div>
<div class="trainimage"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Unit_378150_at_Whitechapel.jpg/300px-Unit_378150_at_Whitechapel.jpg"></div>
</div>
</div>
CSS:
.container {
width: 500px;
height: 300px;
background-color: blue;
}
.traintext {
color: white;
font-size: 18px;
}
.trainimage {
}
但我不知道我需要做什麼才能獲得.trainimage和.traintext在正確的位置。
您的PNG模型未鏈接 – snollygolly
對不起,如果它不清楚,它是文本下方的圖像我已經添加了。 – fakeguybrushthreepwood
哎呀,我的代理必須阻止它:P – snollygolly