html – Why is the child’s element inherited from the parent’s element?

So I basically want that

<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Menu</title>
<link rel="stylesheet" href="css/style3.css">
</head>

<body>
<img src="images/portfolioAni.gif">
<div class="font">
    <p class="note">Welcome to my Portfolio, below you will find a menu of <br>
     all my coding assignments I completed in school. Some basic <br>
     exercices as well as entire websites using HTML, CSS, <br> 
     Javascript,Bootstrap and PHP.</p>
</div>
<div class="container">
    <img src="images/Slider.gif" class="img2">
    <a href="Project.html"><div id="button1"><p class="buttonint">HTML and CSS</p></a>
    <a href="Project.html"><div class="button"><p class="buttonint">Javascript</p></a>
    <a href="Project.html"><div class="button"><p class="buttonint">Bootstrap</p></a>
    <a href="Project.html"><div class="button"><p class="buttonint">PHP</p></a>
</div>
<div class="block"></div>
</body>

</html>

Leave a Reply

Your email address will not be published.