/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 vote139 views1 answer
How to allow text to be copied in an input element ionic
CSS
3 votes133 views2 answers
Image overlay in css
CSS
7 votes142 views3 answers
Pm2 remove process from list
CSS
31 votes252 views3 answers
Rgba blue color
CSS
0 vote139 views1 answer
Elementor custom css for mobile
CSS
2 votes148 views1 answer
Give transition on box shadow
CSS
22 votes164 views5 answers
Center grid
CSS
0 vote154 views1 answer
Drupal 8 Notice: Trying to get property
CSS
7 votes150 views3 answers
Remove hover effect css
CSS
2 votes141 views1 answer
H2 in px css
CSS