/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 vote261 views3 answers
Add custom css to wordpress menu item
CSS
0 vote195 views1 answer
Hover media query
CSS
1 vote192 views1 answer
Use a local font css
CSS
16 votes160 views2 answers
Set font color in css
CSS
9 votes192 views1 answer
Fixed and scrollable gallery column code
CSS
2 votes203 views1 answer
Give transition on box shadow
CSS
1 vote191 views1 answer
Get second child div css
CSS
17 votes219 views1 answer
Css align items vertical center
CSS
0 vote193 views1 answer
CSS - The Descendant Selectors
CSS
1 vote217 views1 answer
How to set the first column of the table in center in css
CSS