/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 vote389 views1 answer
Css elementos
CSS
0 vote343 views1 answer
How blend two backgrounds css and isolate content
CSS
2 votes419 views1 answer
Onclick javascript are you sure
CSS
1 vote342 views1 answer
Ion input padding left
CSS
0 vote366 views1 answer
Ul reset
CSS
6 votes360 views9 answers
Create a portfolio website with html css
CSS
0 vote386 views2 answers
Bootstrap 4 scss angular 8
CSS
5 votes389 views3 answers
Set scroll position bottom in div css
CSS
1 vote362 views2 answers
Scale textarea
CSS
36 votes330 views6 answers
Css color
CSS