為什么我的div不想成為一條線？

Question

我困擾着簡單的問題，只是不知道為什么我的div不想在一行顯示。 每件事都應該沒問題，我使用float：left。

這就是它的樣子：

HTML：

  <div id="centrumwspolpraca">
    <div id="w1">Wspólne projekty przechodzą cały proces,<br>zaczynając od briefu po realizację i strategię marketingową.<div>
    <div id="w2"><img src="images/wspolpraca.png"><div>
    <div id="w3"><b class="regular">MYŚLIMY GLOBALNIE<div>
  </div>

CSS：

#centrumwspolpraca{
width:1200px;
height: 500px;
margin: 0 auto;
position: relative;
background: green;
}

#w1{
float:left;
width: 300px;
height: 500px;
overflow: hidden;
font-size: 12px;
position: relative;
background: red;
}
#w2{
float:left;
width: 800px;
height: 500px;
overflow: hidden;
position: relative;
background: yellow;
}

#w3{
float:left;
width: 100px;
height: 500px;
overflow: hidden;
font-size: 12px;
position: relative;
background: blue;
}

Answer 1

您沒有以正確的方式關閉<div>標簽，您有：

<div id="w2"><img src="images/wspolpraca.png"><div>

必須是：添加/以關閉標記

<div id="w2"><img src="images/wspolpraca.png"></div>

演示http://jsfiddle.net/rc56k/2/

Answer 2

您的HTML中有錯誤

<div id="centrumwspolpraca">
    <div id="w1">Wspólne projekty przechodzą cały proces,<br>zaczynając od briefu po realizację i strategię marketingową.</div>
    <div id="w2"><img src="images/wspolpraca.png"></div>
    <div id="w3"><b class="regular">MYŚLIMY GLOBALNIE</div>
</div>

關閉內部DIV