/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

34 votes333 views6 answers
Css visibility
CSS
0 vote334 views1 answer
Css shape-outside
CSS
6 votes409 views5 answers
Xss
CSS
36 votes340 views4 answers
Text color as gradient css
CSS
3 votes338 views1 answer
Enter in css
CSS
0 vote358 views3 answers
Ignore certificare ssl
CSS
0 vote329 views1 answer
Inset boxshadow
CSS
37 votes370 views1 answer
Placeholder font size
CSS
0 vote297 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
0 vote472 views1 answer
This message is shown once a day. To disable it please create
CSS