<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Task-2-25</title>
<style type="text/css">
html, body {
width: 60%;
height: 100%;
text-align: center;
margin: 0 auto;
}
button {
border:0;
box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
padding: 4px;
margin:20px 5px;
cursor: pointer;
background-color: #fff;
}
button:active {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
div {
padding: 10px;
margin: 10px;
border: 1px solid #000;
background-color: #fff;
color: #000;
cursor: pointer;
text-align: left;
}
/*.noshow>div{
display: none;
}*/
a{
display: inline-block;
text-decoration: none;
width: 1em;
line-height: 1;
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Task-2-25</title>
<style type="text/css">
html, body {
width: 60%;
height: 100%;
text-align: center;
margin: 0 auto;
}
button {
border:0;
box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
padding: 4px;
margin:20px 5px;
cursor: pointer;
background-color: #fff;
}
button:active {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
div {
padding: 10px;
margin: 10px;
border: 1px solid #000;
background-color: #fff;
color: #000;
cursor: pointer;
text-align: left;
}
/*.noshow>div{
display: none;
}*/
a{
display: inline-block;
text-decoration: none;
width: 1em;
line-height: 1;