/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 vote270 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
-6 votes396 views7 answers
Css flex
CSS
0 vote302 views1 answer
Checkbox change background color bootstrap
CSS
0 vote297 views1 answer
How to create polaroid effect in css
CSS
0 vote340 views1 answer
Import global variables scss angular
CSS
0 vote279 views1 answer
Css option value
CSS
0 vote294 views1 answer
Django validation error css
CSS
0 vote286 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
0 vote280 views1 answer
Css light mode
CSS
49 votes300 views3 answers
Center absolute element css
CSS