/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

1 vote173 views1 answer
Why tr border not showing
CSS
0 vote195 views1 answer
Breaking bad api
CSS
5 votes189 views6 answers
Tailwind CDN
CSS
0 vote180 views1 answer
Double border color css
CSS
0 vote171 views1 answer
Puntos suspensivos css
CSS
15 votes177 views3 answers
Image rotate with css
CSS
0 vote356 views1 answer
Fssg
CSS
0 vote181 views2 answers
Electron draggable
CSS
50 votes169 views3 answers
How to center in absolute position
CSS
0 vote166 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS