Точки по краям текста

.dotted{ 
    color: blue; 
    text-transform: uppercase; 
    width: 100px; 
    height: 20px; 
    padding: 20px; 
    position: absolute; 
    text-align: center; 
} 
.dotted::after, .dotted::before{ 
    content: "●"; 
    position: absolute; 
} 
.dotted::before{ 
    left: 0;	 
} 
.dotted::after{ 
    right: 0;	 
}

<div class="dotted">История</div>