/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

0 vote286 views1 answer
Css tricks macos spaces in dock
CSS
3 votes292 views1 answer
Css display block ease in
CSS
0 vote250 views1 answer
Css basics
CSS
1 vote275 views1 answer
Font awesome eyes
CSS
4 votes267 views2 answers
How to make fonts respnsive
CSS
0 vote289 views1 answer
Stop padding from changing div size
CSS
24 votes302 views3 answers
Remove underline from a link css
CSS
4 votes267 views4 answers
Change placeholder color
CSS
3 votes254 views1 answer
Css sass run
CSS
0 vote268 views1 answer
Css offset border
CSS