/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 vote200 views2 answers
Skeumorphism box shadow
CSS
0 vote204 views1 answer
1 412 779 in words
CSS
1 vote192 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
6 votes304 views2 answers
How to make a division center css
CSS
6 votes190 views4 answers
Backdrop filter css
CSS
0 vote372 views2 answers
Create column with values mapped from another column python
CSS
50 votes274 views4 answers
Css background image fit
CSS
0 vote207 views1 answer
Javafx set border outside
CSS
0 vote232 views1 answer
How to resolve issue in wordpress css isn;t load
CSS
0 vote210 views1 answer
Box shadow to table cell css
CSS