/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

86 votes212 views6 answers
Css all caps
CSS
0 vote238 views1 answer
Css background color over image
CSS
2 votes213 views1 answer
Circle div
CSS
2 votes206 views1 answer
How to remove bullets from li
CSS
1 vote206 views1 answer
Mysqli load result into array
CSS
54 votes200 views4 answers
Dark blue hex code
CSS
0 vote269 views2 answers
Css grid reverse column order
CSS
0 vote219 views1 answer
Twig currency name
CSS
5 votes224 views2 answers
Style disabled button
CSS
1 vote216 views1 answer
Hardball rifler
CSS