/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 vote247 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote288 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
0 vote279 views1 answer
Css select having both classes
CSS
1 vote276 views1 answer
How to set fallback font in css
CSS
0 vote296 views1 answer
Input text only css
CSS
1 vote252 views1 answer
Css border only top and bottom
CSS
2 votes250 views10 answers
Css
CSS
0 vote256 views1 answer
Inexorably
CSS
0 vote480 views1 answer
Création forme geometrique 5 cote html css
CSS
50 votes249 views6 answers
Css align center
CSS