/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

10 votes223 views3 answers
Javascript average of numbers in array
CSS
7 votes177 views3 answers
Input checked by default
CSS
0 vote181 views1 answer
Font shorthand CSS
CSS
0 vote190 views1 answer
How do I add a vertical margin in css
CSS
0 vote183 views1 answer
Chrome console remove css dark mode
CSS
2 votes178 views1 answer
How to fix the footer at the bottom of the page
CSS
0 vote193 views1 answer
How to give rgba in tailwind
CSS
0 vote168 views1 answer
Css dropdown menu with scrollbar
CSS
15 votes201 views2 answers
Border-box css
CSS
4 votes173 views3 answers
Css selection
CSS