/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

5 votes166 views1 answer
Htaccess for angular
CSS
0 vote166 views1 answer
Box shadow to table cell css
CSS
0 vote158 views1 answer
Css layers over background-images
CSS
0 vote157 views1 answer
Wordpress remove sticky header
CSS
0 vote154 views1 answer
Git apagar branch remoto
CSS
20 votes119 views4 answers
Css display vertical align
CSS
18 votes160 views2 answers
Php + get sql query
CSS
1 vote170 views1 answer
Css thinner hr
CSS
0 vote147 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote149 views1 answer
Css to reduce margin of class container
CSS