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`