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>