the HTML is:
----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<title>foo</title>
<style type="text/css">
<!--
..b {
width:200px;
height:100px;
}
#one {
background: #900;
}
#two {
background: #090;
}
#three {
background: #009;
}
#four {
background: #099;
}
#five {
background: #909;
}
->
</style>
</head>
<body>
<div class="b" id="one">111111</div>
<div class="b" id="two">222222</div>
<div class="b" id="three">3333</div>
<div class="b" id="four">44444</div>
<div class="b" id="five">55555</div>
</body>
</html>
---------------------------------------------------
now, they dispaly like:
+-------------+
|11111 |
+-------------+
|22222 |
+-------------+
|33333 |
+-------------+
|44444 |
+-------------+
|55555 |
+-------------+
but I want it to display like:
+-------------+-------------+-------------+-------------+-------------+
|11111 |22222 |33333 |44444 |55555 |
+-------------+-------------+-------------+-------------+-------------+
so I added "display:inline" to .b:
..b {
display:inline; /*added*/
width:200px;
height:100px;
}
but the "width" and "height" are not working!
I mean, they display one by one, not block by block.
I need your help, thank you!