/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

4 votes161 views3 answers
Css print
CSS
4 votes132 views3 answers
Css text dots
CSS
2 votes106 views2 answers
How to move text down css
CSS
0 vote125 views1 answer
Center div with variable height
CSS
14 votes118 views2 answers
Media query in scss
CSS
0 vote108 views1 answer
Scss how to use a variable in entire angular project
CSS
0 vote111 views1 answer
How to use css on a react icon
CSS
4 votes113 views1 answer
Height 100% of the screen
CSS
37 votes125 views5 answers
How to apply linear gradient to text in css
CSS
0 vote110 views1 answer
Text align left in span
CSS