CSS content Property - Playground Example

« Back to CSS content Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul {
   list-style: none; 
}
li::before { 
   content: "•"; 
   padding-right: 10px; 
   color: red; 
 }
</style>
</head>
<body>
<ul> 
   <li>Adelaide</li> 
   <li>Melbourne</li> 
   <li>Sydney</li> 
</ul>
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee