Simpelt HTML/CSS spørgsmål

Hvordan sørger jeg for at mit content bliver inden for den box jeg har defineret i CSS?

CSS:

.article {
  border: 1px solid black;
  text-align: left;
  width: 250px;
}

HTML:

<div class="article">
<h1>Overskrift</h1>
<p>Denne tekst holder sig ikke inde for boksen :(</p>
</div>