1CSS Syntax
2content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
3
4<!DOCTYPE html>
5<html>
6<head>
7<style>
8ul {
9 list-style: none; /* Remove HTML bullets */
10 padding: 0;
11 margin: 0;
12}
13
14li {
15 padding-left: 16px;
16}
17
18li::before {
19 content: ">"; /* Insert content that looks like bullets */
20 padding-right: 8px;
21 color: blue; /* Or a color you prefer */
22}
23</style>
24</head>
25<body>
26
27<h1>The content Property</h1>
28
29<ul>
30 <li>Coffee</li>
31 <li>Tea</li>
32 <li>Coca Cola</li>
33</ul>
34
35</body>
36</html>
37