Если вам необходимо какой-либо элемент сделать круглым и не важно span div или какой-то другой, вам нужно в файле стилей этого элемента прописать одну строчку.

    border-radius: 50%;

Конкретно у элемента который расположен сверху стоит следующий код.

border-radius: 50%;
width: 50px;
height: 50px;
background-color: black;

Важно отметить чтоб параметры ширины и высоты были заданы иначе он просто не отобразиться, также важно чтобы ширина и высота элемента были одинаковы, если например высота будет 100px, то выглядеть это будет так как на картинке ниже.

Если у вас есть какие-то вопросы, то пишите мне чем смогу помогу.

Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .