/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 vote225 views1 answer
CSS blue bottom right Box shadow
CSS
7 votes231 views2 answers
Css id selector
CSS
0 vote227 views1 answer
Spinner in html css react
CSS
0 vote216 views1 answer
Css border-boz
CSS
0 vote295 views1 answer
Css pixel art
CSS
0 vote218 views1 answer
Css media queries if else
CSS
98 votes218 views2 answers
Css box-shadow shorthand
CSS
4 votes235 views1 answer
Clealyrun
CSS
1 vote227 views1 answer
Scss nesting
CSS
0 vote218 views2 answers
Nativescript hr
CSS