/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

48 votes368 views6 answers
Media query min and max
CSS
0 vote334 views1 answer
Media query Tablet and smaller
CSS
0 vote341 views1 answer
Profile page html css template
CSS
57 votes332 views2 answers
Hegith specific css in media query
CSS
37 votes328 views1 answer
Trumping
CSS
17 votes302 views2 answers
Css horizontal gradient background color
CSS
1 vote337 views2 answers
Round one side of div css
CSS
0 vote354 views1 answer
Numpy not installling
CSS
1 vote317 views1 answer
Css ecken abrunden
CSS
0 vote364 views3 answers
Bulma lowercase
CSS