CSSによる表示形式の変更
Cascading Style Sheets (CSS) allows you to manipulate the styling of your HTML and in this tip we will show you how to display a typical unordered list (
- ) horizontally on your page. Let's start in with your HTML for the list:
- List Item 1
- List Item 2
- List Item 3
The HTML above will appear like this:
List Item 1
List Item 2
List Item 3
To make your list appear in a horizontal format, we will apply the following code in the HEAD of your document:
Your list will now look like this:
List Item 1 List Item 2 List Item 3
That's It! Happy CSS'ing! We will explore more ways to style your HTML using CSS in other tips and tricks issues.