<v ->Our next step is to learn a little bit</v> about how to manipulate the appearance and behavior of images. Let's take a look at the book cover here. We'll start by making this book cover a little smaller. We'll use the height attribute. So this is, where is it? Here it is. Note that this is not a style attribute. This is a direct attribute on images. We'll restrict it to 200 pixels. See that makes it smaller. There's something to bear in mind here though, which is that the image is still that same size under the hood. So if you hit this website, you're gonna have to download the full image size. This height rule changes the appearance, but it doesn't change the size of the file. So if you've ever gone to a website and had a small image just take forever to download, it's because it was resized using something like the height attribute rather than actually resized in terms of the file size. But for something that's a small difference like this, using height is fine. The next thing we want to do is arrange for the text to be able to flow around this image. So we can do that with the float attribute. This is style, style = float, the float rule, I should say. And we'll float it to the left. Let's take a look at that. You can see that the text is pushed right up against the image here. We'll take care of that in the next section. By the way, you might be able to guess that we can do float right as well like that, but there's not a float center. Centering images is actually pretty tricky. We'll talk about that as well.