/CSS/How to add dotted line after and before text in css

How to add dotted line after and before text in css

.horizontal_dotted_line {
  display: flex;
  width: 300px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  padding: 5px;
} 
.horizontal_dotted_line:after {
  border-bottom: 1px dotted black;
  content: '';
  flex: 1;
}
.horizontal_dotted_line:before {
  border-bottom: 1px dotted black;
  content: '';
  flex: 1;
}

Source: stackoverflow.com

Similar codes

47 votes200 views5 answers
Nth-child() css
CSS
7 votes188 views1 answer
How to use multiple custom fonts in css
CSS
0 vote188 views0 answer
CSS
1 vote179 views1 answer
Kommentar css
CSS
1 vote181 views2 answers
Drawing a circle with css
CSS
3 votes216 views1 answer
Html table td spacing
CSS
0 vote181 views1 answer
Bold in label html
CSS
0 vote205 views1 answer
Jquery replace css class
CSS
0 vote183 views1 answer
.cameleons
CSS
12 votes230 views6 answers
Wordpress enqueue script
CSS