/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

5 votes262 views3 answers
Background-image linear gradient and border radius
CSS
0 vote275 views1 answer
Selectors combinators css
CSS
2 votes251 views1 answer
Css minmax
CSS
3 votes257 views1 answer
Enter in css
CSS
-1 vote250 views1 answer
Use w3 css on your website
CSS
0 vote251 views1 answer
Css distance between text and input box
CSS
0 vote257 views1 answer
Emotion select all childrens
CSS
0 vote254 views1 answer
Tailblocks
CSS
0 vote246 views1 answer
How to remove link color from <a>
CSS
0 vote228 views1 answer
Text flow top to bottom
CSS