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
https://codepen.io/nwoodward/pen/WbezJvY
If anyone's got any ideas on how to align the items vertically I'd appreciate it!
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:blockhttps://codepen.io/nwoodward/pen/WbezJvY
If anyone's got any ideas on how to align the items vertically I'd appreciate it!
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...
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...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
