Dropdown size based on text

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  position: absolute;
  left: 0;
  display: none;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

.dropdown-content a:hover {
  background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
  display: inline-block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

Source: stackoverflow.com

Similar codes

42 votes156 views6 answers
Css transparent background color
CSS
0 vote180 views1 answer
Night / dark mode css
CSS
0 vote167 views1 answer
Overriding fullpage js anchor style
CSS
0 vote178 views2 answers
Css comment placer un icon sur une photo
CSS
1 vote173 views1 answer
Locate canvas in center of screen css
CSS
2 votes163 views1 answer
Div not larger than its content
CSS
17 votes171 views1 answer
Css opacity example
CSS
53 votes187 views6 answers
Css transform
CSS
37 votes177 views3 answers
Inline svg css
CSS
1 vote177 views1 answer
Double color background css
CSS