/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 vote194 views2 answers
Materialize css for react
CSS Materialize
0 vote120 views1 answer
Css font family narrow fonts
CSS
17 votes123 views2 answers
Rgb green
CSS
5 votes112 views3 answers
Sticky footer
CSS
57 votes154 views4 answers
Css hover rounded corners
CSS
0 vote102 views1 answer
Convert firebase created_at to Date string
CSS
0 vote113 views1 answer
How to stilize title property css
CSS
0 vote108 views1 answer
How to make scroller show only on hover of container
CSS
0 vote152 views1 answer
Css inverted border radius
CSS
0 vote112 views1 answer
Input type password css
CSS