为什么我的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