ทุกองค์ประกอบใน CSS มีค่าแสดงเริ่มต้นและเราสามารถเปลี่ยนได้อย่างง่ายดาย สิ่งนี้ถูกปฏิเสธโดยการตั้งค่าคุณสมบัติการแสดงผลอย่างชัดเจน ให้เราดูตัวอย่างที่เราตั้งค่าคุณสมบัติการแสดงผลแบบอินไลน์สำหรับเมนูแนวนอน -
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: orange;
color: white;
}
li {
display: inline;
}
</style>
</head>
<body>
<h2>Tutorials List</h2>
<p>Following are the list of resources:</p>
<ul>
<li><a href="https://www.tutorialspoint.com/machine_learning/index.htm" target="_blank">Machine Learning</a></li>
<li><a href="https://www.tutorialspoint.com/python_data_science/index.htm" target="_blank">Python Data Science</a></li>
<li><a href="https://www.tutorialspoint.com/python/index.htm" target="_blank">Python</a></li>
<li><a href="https://www.tutorialspoint.com/csharp/index.htm">C#</a></li>
<li><a href="https://www.tutorialspoint.com/artificial_intelligence/index.htm" target="_blank">Artificial Intelligence</a></li>
</ul>
</body>
</html> ผลลัพธ์
