<div class="container">

​

   <p class="box">

     Lorem ipsum, dolor sit amet consectetur adipisicing

   </p>  

   <p class="box">

     <img src="https://satyr.dev/600x400/58563a" alt="Satyr.io dummy image" width="300" height="200" />

     <br>

     Quam doloremque reiciendis aperiam praesentium minima debitis

   </p>

​

</div>  

.box:has(img) {

  border: 5px #30680d dotted;

}

​

​

/* Not so important: */

​

.box {

  border: #2E2C08 5px solid;

  padding: 1rem;

}

​

body {

  background: #e5e3de;

  color: #2E2C08;

}

​

a {

  color: #2E2C08;

}

​

.container {

  padding: 1em;

  margin: 2em;

  max-width: 1000px;

}

​

.item {

  background: white;

  padding: 2rem;

}

​

img {

  height: auto;

  max-width: 100%;

}

​

p, h2 {

  padding: 0;

  margin: 0;

}

​

p {

  margin-bottom: 1em;

}

​

p:last-child {

  margin-bottom: 0;

}

​

h2 {

  font-size: 1.5em;

  margin-bottom: 0.5em;

}

​

​