<html lang="en">

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CSS Box Model, Margin and Padding</title>

<link rel="stylesheet" href="Lec #20 CSS Box Model, Margin and Padding.css">

<div class="container" >

<h3>This is my first paragraph</h3>

<p id="first" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae qui autem, corporis vero ratione blanditiis explicabo cupiditate minima officia, quisquam necessitatibus sed! Quos suscipit in perspiciatis accusantium corporis? Explicabo, quos.</p>

</div>

<div class="container" >

<h3>This is my second paragraph</h3>

<p id="second" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae qui autem, corporis vero ratione blanditiis explicabo cupiditate minima officia, quisquam necessitatibus sed! Quos suscipit in perspiciatis accusantium corporis? Explicabo, quos.</p>

</div>

<div class="container" >

<h3>This is my third paragraph</h3>

<p id="third" > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae qui autem, corporis vero ratione blanditiis explicabo cupiditate minima officia, quisquam necessitatibus sed! Quos suscipit in perspiciatis accusantium corporis? Explicabo, quos.</p>

</div>