I have an image tag that appears inside an article tag, like this...

```css
article {
  border: 1px solid;
}

img {
  float: left;
}
```

```html
<article>
  <h1>Image title</h1>
  Some text here
  <img src="http://placekitten.com/200/300" alt="">
</article>
```

I want the height of the image to be the same as the height of the rest of the stuff in the article tag (so that the top of the title is at the same line as the top of the image, and the bottom of the text is at the same line as the bottom of the image). I tried adding `height: 100%;` inside `style` but that didn't work. Thank you!

[![enter image description here](https://i.stack.imgur.com/jgGeR.png)](https://i.stack.imgur.com/jgGeR.png)