/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 vote191 views1 answer
Operating system font-family css
CSS
8 votes187 views2 answers
Css background image full screen responsive
CSS
8 votes201 views2 answers
Html how to change highlight color
CSS
0 vote200 views1 answer
Custom taxonomy pagination 404
CSS
0 vote202 views1 answer
Trim background image css
CSS
0 vote226 views1 answer
Css contour
CSS
32 votes190 views6 answers
@font-face in css
CSS
3 votes178 views3 answers
Remove on click border
CSS
29 votes185 views6 answers
BackgroundImage react
CSS
0 vote199 views1 answer
Css background for text
CSS