/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 vote143 views1 answer
Null vs void
CSS
28 votes153 views6 answers
Linear gradient css background image
CSS
6 votes138 views4 answers
Css hover to disable
CSS
4 votes163 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote160 views1 answer
Image css in box
CSS
0 vote161 views1 answer
&:disabled not working sass
CSS
175 votes211 views6 answers
Background css image
CSS
0 vote164 views1 answer
Rendre une div scrollable
CSS
50 votes140 views5 answers
Css reset style
CSS
4 votes144 views6 answers
Css grid
CSS