Container

by StefanG

HTML

<html>

   <body>
     <div class="container">

       <p class="unboxed-paragraph">
         Unboxed text
       </p>
       <p class="boxed-paragraph">
         Boxed Text
       </p>
       <p class="unboxed-paragraph">
         Unboxed text
       </p>
     </div>
   </body>

 </html>

CSS

.container {
  background: #3f50b5;
  width: 300px;
  height: 300px;
  font-family: monospace;
}

.unboxed-paragraph {
  background: #f44336;
}

.boxed-paragraph {
  background: #ff7961;
  margin: 100px 25px 50px 5px;
  padding: 12px;
  border: 12px solid #002884;
}