/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 vote291 views1 answer
Css only if both classes
CSS
0 vote208 views1 answer
Change option tag css
CSS
0 vote202 views1 answer
Border-bottom smaller div
CSS
0 vote204 views1 answer
Wow animation run in multiple times at once
CSS
184 votes294 views6 answers
Css shadow border
CSS
1 vote215 views1 answer
Css 2 <p> next to each other
CSS
2 votes165 views2 answers
Button hover disabled
CSS
0 vote210 views2 answers
Fixed footer in Bootstrap
CSS
5 votes202 views3 answers
Css box shadow not on bottom
CSS
0 vote213 views1 answer
Css - global -Typogryphy
CSS