/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 vote114 views1 answer
Spaziatura caratteri css
CSS
0 vote113 views2 answers
Lozzzzzzzzzzzzzzz
CSS
0 vote121 views1 answer
Css regions
CSS
0 vote94 views1 answer
How to extend selector
CSS
0 vote102 views2 answers
Move header down css
CSS
0 vote103 views1 answer
Twig date modify
CSS
6 votes105 views1 answer
Scrollbar height css
CSS
0 vote100 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote92 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
0 vote110 views4 answers
Tailwind to css converter
CSS