/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

1 vote399 views1 answer
How to remove image using css
CSS
44 votes389 views6 answers
Gradient color css
CSS
0 vote342 views1 answer
How to install tailwind css in html
CSS
1 vote382 views2 answers
Image to fill container size
CSS
0 vote379 views1 answer
Css background for text
CSS
0 vote379 views1 answer
Css remove scrollbar from body
CSS
5 votes333 views1 answer
Roblox player died
CSS
0 vote366 views1 answer
Css ovel
CSS
2 votes335 views1 answer
Why do we need hexadecimal number system
CSS
2 votes337 views3 answers
Import image css
CSS