/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 vote156 views1 answer
Css space between child elements
CSS
1 vote161 views1 answer
Felx-wrap css
CSS
0 vote177 views1 answer
Chrome close tab after print
CSS
6 votes192 views1 answer
How to add truncate code
CSS
4 votes194 views4 answers
Composer rollback to v1
CSS
2 votes249 views2 answers
Html how to split a div into two columns
CSS
-1 vote189 views1 answer
Datepicker disable future date odoo
CSS
0 vote466 views1 answer
Fgg
CSS
1 vote157 views1 answer
Css selector to change long bot description top.gg
CSS
36 votes184 views6 answers
How to insert gradient in css
CSS