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!


      .image-div {
        border: 10px #000;
  <div class="image-div">
  <h1 class="text-center">Charles Cretors
  <h2 class="text-center">Leader of a Snacking Revolution
  <div class="text-center">
  <a href=><img style="width:50%"; src="" alt="A bag of popcorn"></a>
    <a href=><img style="width:33.25%";
 src="" alt="A bowl of popcorn"></a>
  </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!