/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 vote166 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote161 views1 answer
Selection Handler css
CSS
1 vote179 views1 answer
Css grid auto resize on mobile
CSS
-1 vote214 views1 answer
How to many image fullscreen in css
CSS
0 vote164 views1 answer
Css transparent background behind text
CSS
17 votes137 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
250 votes487 views10 answers
Bootstrap cdn
CSS
1 vote171 views1 answer
How to add fanctoin to links in css
CSS
2 votes168 views1 answer
Not hover css
CSS
0 vote152 views1 answer
Understanding '>' sign in css selector
CSS