/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 vote118 views1 answer
Over to remove padding css
CSS
0 vote116 views1 answer
Css image hover zoom and rotate
CSS
0 vote124 views1 answer
Inline block display has margin
CSS
0 vote92 views1 answer
Bootstrap accessibility
CSS
0 vote142 views1 answer
Tailwind css ui dropdown
CSS
13 votes140 views4 answers
How to move an image up in css
CSS
1 vote148 views1 answer
Css contenteditable outline
CSS
0 vote121 views1 answer
Mettre un element en avant css
CSS
-1 vote133 views2 answers
Make all images same size bootstrap
CSS
29 votes126 views2 answers
How to horizontal center a div in css
CSS