/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

2 votes229 views1 answer
Not hover css
CSS
0 vote281 views2 answers
Setting multiple styles in javascript
CSS
150 votes266 views2 answers
How to link your css file to html
CSS
0 vote260 views1 answer
Change last character color css
CSS
0 vote280 views1 answer
Font intalic css
CSS
20 votes228 views5 answers
Css coor background
CSS
0 vote226 views1 answer
Css gradient 3 color
CSS
38 votes250 views6 answers
Convert object to array
CSS
1 vote249 views1 answer
Rotate favicon css
CSS
0 vote239 views1 answer
Ul reset
CSS