How to make a separator line in CSS?

You can make a horizontal separator line in CSS by simply using the HTML `

` tag and styling it in CSS. Here’s a simple example for a solid, gray, centered line:

HTML:
```

```

CSS:
```
.separator { border: none; border-top: 1px solid gray; width: 50%; margin: 10px auto;
}
```

In this example:

- `border: none;` resets the styles for border.
- `border-top: 1px solid gray;` makes a 1px solid gray line.
- `width: 50%;` means that the line should take up half the width of its container.
- `margin: 10px auto;` centers the line horizontally and gives it some vertical spacing.

You always can edit this CSS rule to customize the line to fit your design.

Simply generate articles to optimize your SEO

DinoGeek offers simple articles on complex technologies

Would you like to be quoted in this article? It's very simple, contact us at dino@eiki.fr