/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 vote166 views1 answer
Css preloader, preload website screen
CSS
0 vote160 views1 answer
Align icon center div
CSS
29 votes185 views3 answers
Green hex code
CSS
0 vote152 views1 answer
How to include css in handlebars
CSS
17 votes152 views4 answers
Css center element on screen
CSS
0 vote164 views1 answer
Css good border color
CSS
0 vote152 views3 answers
Boostarp grid npm css react
CSS
1 vote160 views1 answer
How to make border blur css
CSS
0 vote163 views1 answer
Css youtube video get rid of black border
CSS
0 vote148 views1 answer
Force keyboard to hide android programmatically
CSS