/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

4 votes242 views2 answers
How to give background overlay in css
CSS
1 vote252 views1 answer
How to add 2 text shadows
CSS
0 vote242 views2 answers
Curved lines css
CSS
3 votes238 views2 answers
How to split a background into two color in css
CSS
6 votes239 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote281 views1 answer
Set number word to new line html
CSS
36 votes234 views2 answers
Css translate x and y
CSS
0 vote234 views1 answer
Rainvow hover css
CSS
2 votes234 views1 answer
Css focus change color
CSS
7 votes244 views2 answers
Css id selector
CSS