modo-errado.css

.card {
  width: 290px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d4d4d5;
}

.card img {
  display: block;
}

.card div {
  background: #fff;
  padding: 15px;
}

.card div h1 {
  line-height: 3;
  font-size: 25px;
}

.card div p {
  color: #888
}

modo-errado.html

<article class="card">
     
    <img src="http://fakeimg.pl/300x250/009EEB/FFF/?text=Imagem.jpg" alt="" />
   
  <div>
    <h1>Title</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>
  
</article>