Filled “o” character in unicode or imitated via CSS

Question

I need to write this text in HTML:

I tried to use some unicode characters like ● Unicode Character \'BLACK CIRCLE\' (U+25CF) or ⬤ Unicode Character \'BLACK

Answer 1

I would suggest to use CSS border-radius to create the solid "o" circle.

span {
    font-family: sans-serif;
    font-size: 50px;
}
i {
    display: inline-block;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    background: black;
    vertical-align: middle;
    border-radius: 50%;
}

Now.