/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

25 votes212 views4 answers
Css inline hover
CSS
2 votes201 views2 answers
Nunito font
CSS
1 vote254 views1 answer
How to make slideshow not go over navigation bar
CSS
13 votes207 views4 answers
Responsive css grid
CSS
1 vote193 views1 answer
How to prevent text from breaking css
CSS
0 vote175 views1 answer
@page css
CSS
36 votes198 views4 answers
Text color as gradient css
CSS
0 vote219 views1 answer
Css display original image in smalle width
CSS
0 vote214 views1 answer
Html5 video hide timeline
CSS
3 votes198 views1 answer
What is a pseudo selector?
CSS