/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

1 vote175 views1 answer
Move element to the left css
CSS
0 vote175 views1 answer
Ms-grid- error css
CSS
49 votes196 views6 answers
Min and max width media query
CSS
0 vote175 views1 answer
à quoi sert clearfix
CSS
0 vote191 views1 answer
Press on button outline shoul not appear csss
CSS
13 votes185 views4 answers
Reduce image size css
CSS
0 vote194 views1 answer
Css quitar el icono de lista
CSS
0 vote203 views1 answer
Background image for div in grid system bootstrap
CSS
1 vote174 views2 answers
Css scrollbar in div
CSS
1 vote181 views1 answer
Css > symbol
CSS