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