<!DOCTYPE html>
<
html
>
<
head
>
<
style
>
.
dropbtn
{
background-color
:
black
;
color
:
white
;
padding
:
16
px
;
font-size
:
16
px
;
border
:
none
;
}
.
dropdown
{
position
:
relative
;
display
:
inline-block
;
}
.
dropdown-content
{
display
:
none
;
position
:
absolute
;
background-color
:
lightgrey
;
min-width
:
200
px
;
z-index
:
1
;
}
.
dropdown-content
a
{
color
:
black
;
padding
:
12
px
16
px
;
text-decoration
:
none
;
display
:
block
;
}
.
dropdown-content
a
:
hover
{
background-color
:
white
;}
.
dropdown
:
hover
.
dropdown-content
{
display
:
block
;}
.
dropdown
:
hover
.
dropbtn
{
background-color
:
grey
;}
</
style
>
</
head
>
<
div
class
=
"dropdown"
>
<
button
class
=
"dropbtn"
>
Social Media
</
button
>
<
div
class
=
"dropdown-content"
>
<
a
href
=
"https://www.google.com"
>
Google
</
a
>
<
a
href
=
"https://www.facebook.com"
>
Facebook
</
a
>
<
a
href
=
"https://www.youtube.com"
>
YouTube
</
a
>
</
div
>
</
div
>
</
body
>
</
html
>