dropdown size based on text

Solutions on MaxInterview for dropdown size based on text by the best coders in the world

showing results for - "dropdown size based on text"
Milena
16 Apr 2018
1.dropbtn {
2  background-color: #4CAF50;
3  color: white;
4  padding: 16px;
5  font-size: 16px;
6  border: none;
7  cursor: pointer;
8}
9
10.dropdown {
11  position: relative;
12  display: inline-block;
13}
14
15.dropdown-content {
16  position: absolute;
17  left: 0;
18  display: none;
19  background-color: #f9f9f9;
20  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
21}
22
23.dropdown-content a {
24  color: black;
25  padding: 12px 16px;
26  text-decoration: none;
27  display: block;
28  white-space: nowrap;
29}
30
31.dropdown-content a:hover {
32  background-color: #f1f1f1
33}
34
35.dropdown:hover .dropdown-content {
36  display: inline-block;
37}
38
39.dropdown:hover .dropbtn {
40  background-color: #3e8e41;
41}