Untitled

<!DOCTYPE html>
<html>

  <head>
    <title> cats are cool </title>

  <link rel="stylesheet" href="style.css">

  </head>

  <body>
   <br>
    <b class="title">cats</b>
   <br>
   <br>

  <div class="cat-images">
    <div class="loki">
      <img src="loki.jpg" alt="loki">
      <p class="pcaption"> this is loki</p>
    </div>
  </div>

    <ul>
     <li class="header"><b>my cat</b></li>
       <ul>
         <li> his name is loki</li>
         <li> he is a rag doll mix</li>
         <li> he is all<b class="black"> black </b></li>
         <li> i no longer own him ): </li>
       </ul>
     </li>
   </ul>
  <br>
  <br>
   <b class="header">some cool things about rag doll cats</b>
  <ul>
    <li>they are lap cats ^-^</li>
    <li>they are like dogs (they follow you and love being playful)</li>
    <li>they are usually very quiet, but if you have a mix like i did they can be very vocal</li>
  </ul>
  <br>
   <b class="header">here are some other cats</b>
  <ul>
    <li>birman</li>
    <li>american wirehair</li>
    <li>bombay cat</li>
  </ul>
  <br>
  <br>

  <div class="cat-images">
    <div class="cat">
       <img src="birman.jpg" alt="birman">
       <p class="pcaption">birman</p>
    </div>
    <div class="cat">
       <img src="bombay.jpg" alt="bombay">
       <p class="pcaption">bombay</p>
    </div>
    <div class="cat">
       <img src="american_wirehair.jpg" alt="american wirehair">
       <p class="pcaption">american wirehair</p>
    </div>
  </div>


style


.cat-images {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
 }


   .cat-images img {
   height: 200px;
   width: 300px;
   padding: 20px;
   background-color: #f67e7d;
   }

     #cat-images #cat {
      display:inline-block;
     }


 li {
   font-size: 14px;
 }

 .header {
   color: #843b62;
   font-size: 16px;
 }

 body {
   background-color: #ffb997;
   color: #f67e7d;
   font-family: "verdana";
 }

 .title {
   font-size: 40px;
   text-align: center;
 }


 .black {
   color: black;
 }

 .pcaption {
   color: #843b62;
   font-size: 15px;
   text-align: center;
 }