Centering a div vertically... (Kevin's shape-outside video)

So I'm following Kevin's video on using shape-outside: https://www.youtube.com/watch?v=sifXs4XVK7g

It's probably a skill issue, but while it works great for say the start of articles, it seems limited if the text doesn't take up more height than the image?

For example, it seems almost impossible to center any text vertically with the image, because the wrapper is display:block?

https://codepen.io/nwoodward/pen/WbezJvY

If anyone's got any ideas on how to align the items vertically I'd appreciate it!
image.png
image.png
YouTubeKevin Powell
The first 1000 people to use the link will get a free trial of Skillshare Premium Membership: https://skl.sh/kevinpowell03211

Shape-outside is such an awesome CSS property, and it brings floats back to relevance!

ℹ More information: https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside
💻 Browser support: https://caniuse.com/?search=sh...
Wrap text around any image or shape that you want with shape-outsid...
CodePennick
...
Untitled
Was this page helpful?