<!DOCTYPE html>
<html>
<head>
<title> 3.6 CSS: Padding </title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<p class="no-padding"> This paragraph has no padding. </p>
<p class="partA">
This paragraph has a padding of 35 pixels on all four sides.
</p>
<p class="partB">
This paragraph has a top padding of 5px, right padding of 10px, bottom padding of 15px, and a left padding of 20px.
</p>
<p>
<strong>Note:</strong> Padding creates extra space within an element, meaning there is space in between the text and the border.
</p>
</body>
<!-- Do not remove following lines. They're used to test. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://sites.webjam.org/grader/assignment3.6.js"></script>
</html>
.no-padding {
border: 1px solid black;
}
/* PART A */
.partA {
border: 1px solid red;
}
/* PART B */
.partB {
border: 1px solid blue;
}
