/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 vote373 views1 answer
Css anchor fill parent
CSS
0 vote292 views1 answer
Active state css
CSS
0 vote357 views1 answer
CodeIgniter + WordPress integration
CSS
12 votes345 views5 answers
Responsive font-size
CSS
0 vote376 views1 answer
Buttons have strange style iOS
CSS
0 vote378 views1 answer
Why margin is not working on label css
CSS
2 votes335 views5 answers
Css disable input
CSS
0 vote374 views1 answer
Line sharpness css
CSS
0 vote378 views2 answers
Dont break word css
CSS
0 vote366 views1 answer
Css center modal vertically
CSS