/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 vote330 views3 answers
Change text in a div css
CSS
8 votes325 views1 answer
Html watermark background
CSS
0 vote335 views1 answer
Bootstrap progress bar animation not working
CSS
-2 votes342 views2 answers
Text sliding css
CSS
1 vote387 views1 answer
Chrome hide blue highlight css mobile
CSS
26 votes363 views5 answers
Css multiple classes
CSS
0 vote321 views5 answers
Css fr meaning
CSS
0 vote348 views1 answer
Grid place between
CSS
2 votes345 views1 answer
Css last character
CSS
5 votes335 views4 answers
Css limit text length
CSS