/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 vote137 views1 answer
Css get screen height
CSS
0 vote117 views1 answer
Css change width animation
CSS
1 vote145 views1 answer
Mat slide toggle iverted
CSS
7 votes133 views2 answers
Stick footer to bottom
CSS
23 votes137 views4 answers
Css gradient border
CSS
1 vote132 views1 answer
Css font-variant
CSS
0 vote151 views1 answer
Elementor vertical line
CSS
7 votes143 views3 answers
Make text unselectable css
CSS
0 vote138 views3 answers
Remove cursor pointer css
CSS
0 vote151 views1 answer
Css clip path alternative
CSS