/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 commentaire une ligne
CSS
0 vote140 views1 answer
Flex direction tailwind
CSS
0 vote161 views1 answer
Hover on father elemet activates a child element css
CSS
50 votes129 views5 answers
Child css
CSS
1 vote153 views2 answers
Css ios disable zoom
CSS
0 vote148 views1 answer
Horizontal checkbox css
CSS
37 votes162 views4 answers
Css hover pointer
CSS
6 votes130 views2 answers
Css grid full width row
CSS
0 vote140 views2 answers
Css animation png
CSS
0 vote138 views1 answer
Specific id under class css
CSS