Pseudo class ::before – create css circle

by

You also need to set content, height and display to make it actually render the pseudo element.

Example:

    .subway-item::before{
       content: '';
       display: inline-block;
       width: 15px;
       height: 15px;
       -moz-border-radius: 7.5px;
       -webkit-border-radius: 7.5px;
       border-radius: 7.5px;
       background-color: #69b6d5;
    }
<div class="subway-item"></div>

Note: It’s better to write the vendor-specific properties before the standard property (border-radius in your case).

Leave a Comment