hello every one I have been able to make my first div appear but the second one with the skills text will not function. bellow is the html used:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css.css"/>
<title>
Home ¦ DofE portfolieo
</title>
</head>
<body style="background-color: black">
<h1>
My Silver Duke of edigburagh evadance portfolieo
</h1>
<div class="button">
<a href="">Physical</a>
</div>
<div class="button">
<a href="">Skills</a>
</div>
</body>
</html>`
and bello is the css that was used:
H1{
color: white;
text-align:center;
font-family:Times new roman;
font-size:40px;
}
.button {
display: inline-block;
text-align: center;
border-width: 2px;
border-radius: 10px;
border-style: solid;
border-color: #262626;
background-color:#000999 ;
height: 50px;
width: 125px;
margin: 25px 850px 800px 850px
}
.button:hover{
height:60px;
width:145px;
font-size:40px;
background-color: #ff700e
}
a{
text-decoration: none;
color:white;
font-family: Times;
font-size: 35px
}
I would really aprecheate if someone could tell me as to why my div will not appear.
many thanks
Ewen