CSS : การทำให้ DIV เรียงกันแนวนอน ไม่ขึ้นบรรทัดใหม่

ทำอย่างไรให้ <div>1</div><div>2</div>  <div>3</div>
ให้แสดงผลเป็น 1 2 3

ถ้าหากเขียนแบบธรรมดาแล้วจะแสดงผลเป็น
1
2
3

div หรือ p จะมีลักษณะเป็น block element คือ จะมีค่าของ display:block แฝงอยู่ ทำให้ขึ้นบรรทัดใหม่ตลอด

ถ้าต้องการให้เรียงกันโดย ไม่ขึ้นบรรทัดใหม่ ต้องใช้ inline element เช่น span ครอบ แล้วจะไม่ขึ้นบรรทัดใหม่ จะมีค่าของ display:inline แฝงอยู่

ถ้าต้องการให้ div เรียงกันไม่ขึ้นบรรทัดใหม่ ต้องกำหนด display:inline ให้มัน
ถ้าต้องการให้ span ไม่เรียงต่อกัน แต่ขึ้นบรรทัดใหม่ เราก็ใส่ display:block ให้มัน

ในความเป็นจริง แค่ใช้ span ครอบ แทน div ก็จะเรียงกันแล้ว หรือ ใช้ ul li แล้วสั่ง li ให้ display:inline

==
<span> จะอยู่ในบรรทัดเดียวกับโค๊ดก่อนหน้า
<div> จะขึ้นบรรทัดใหม่ให้เสมอ
==

<div style="float:left"></div>
<div class="clear"></div>