/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

6 votes359 views2 answers
How to add scss to a react app
CSS
0 vote333 views1 answer
How to put an element in front
CSS
0 vote345 views1 answer
How to change the position of a button in css
CSS
13 votes363 views3 answers
Center position fixed
CSS
0 vote333 views1 answer
Css borrar
CSS
0 vote337 views1 answer
Css tricks stretch content full witdh
CSS
0 vote324 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
0 vote344 views1 answer
How do I add a vertical margin in css
CSS
0 vote317 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
0 vote330 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS