Adding a single border to two images - what's wrong?

I’m playing around with putting a border around multiple things, including two images. This is what I’ve got but it’s not working in Codepen. Help please!

<style> 

      .image-div {
        border: 10px #000;
      }
  </style>
  <div class="image-div">
  <h1 class="text-center">Charles Cretors
  </h1>
  <h2 class="text-center">Leader of a Snacking Revolution
  </h2>
  <div class="text-center">
  <a href=><img style="width:50%"; src="https://bit.ly/2Ipodej" alt="A bag of popcorn"></a>
    <a href=><img style="width:33.25%";
 src="https://bit.ly/2rPvYmv" alt="A bowl of popcorn"></a>
    </div>
  </div>`Preformatted text`

you may have forgotten to add a border style like so:

border: 10px solid orange;

Note : there are many types of border styles :slight_smile:

solid, dashed, dotted etc.

Aha! Thanks a lot :slight_smile:

And thanks for marking it as a solution… That will probably help others as well!