並排放置兩個div

Question

我有兩個div，一個是圖片，另一個是文本。 我將這兩個div放在父div中，並用作標題。 我的形象比文字高得多。 我要做的是將圖像一直放在左側，而右側的文本則在底部垂直對齊，以與圖像底部對齊。 我很難做到這一點。 另外，我不能使用浮點數，因為當我在手機上查看頁面時，由於寬度原因，文本會跳到下一行，這很好，但是使用float：right會移到右邊，這不是我想要的我正在嘗試。

<div id="header" style="overflow:auto"><div style="float:left;">

<img src="Images/crescentlogo.png" /></div>

<div><h4 class="gold">Daily <span class="DarkGreen">EXCEEDING</span> <span class="gold">our Customers'</span> <span class="DarkGreen">EXPECTATIONS</span></h4></div>

</div>

有任何想法嗎？

謝謝，

Answer 1

這是它的代碼：

<!DOCTYPE html>
 <html>
<head>
<style>
    h4{
        display: inline;
    }
</style>
</head>
<body><div id="header">
<img src="Images/crescentlogo.png" id="img" />

<div id="text" style="display: inline;"><h4 class="gold">Daily <span    
class="DarkGreen">EXCEEDING</span>
    <span class="gold">our Customers'</span> <span class="DarkGreen">EXPECTATIONS</span></h4>    </div>

</div>
     </body>
    </html>

JSFiddle的鏈接： http : //jsfiddle.net/w5wCG/1/

Answer 2

將float:left賦予img ，也將float:left賦予div ，它將並排放置

img div {
    float:left; }

並排放置兩個div

問題描述

2 個解決方案

解決方案1
1 已采納 2013-01-26 03:55:31

解決方案2
0 2013-01-26 03:36:33

並排放置兩個div

問題描述

2 個解決方案

解決方案1 1 已采納 2013-01-26 03:55:31

解決方案2 0 2013-01-26 03:36:33

解決方案1
1 已采納 2013-01-26 03:55:31

解決方案2
0 2013-01-26 03:36:33