Information Communication Technology ICT – 21 Website authoring | e-Consult

To apply styles to an unordered list in HTML and CSS, I would first structure the list using the

element. Each item in the list would be enclosed within a
• element. Then, I would use CSS to style the list and its items. Here's a breakdown:

  • HTML Structure:

  • <ul>
    <li>Feature 1</li>
    <li>Feature 2</li>
    <li>Feature 3</li>
    </ul>

  • CSS Styling: I would use CSS to control various aspects of the list's appearance. Key properties I would use include:

  • • <ul> properties: <ul> { list-style-type: square; margin: 0; padding: 0; } This removes the default bullet points and margins/padding. I might also set display: flex; justify-content: space-between; to align the list items to the left.
    • <li> properties: <li> { padding: 10px; border-bottom: 1px solid #eee; } This adds padding around each list item and a subtle bottom border to visually separate them. I could also use font-weight: bold; to make the feature names stand out.

  By combining these HTML and CSS techniques, I can create a visually appealing and easily readable list.