Get inline dots with middle vertical align like in facebook but only with css -Dot in middle- using CSS and HTML

CSS:
.dot:before {
    content: "\2022";
}

HTML:
<i style="font-size: 7pt;" class="dot"></i>