Trying to float a video and text beside each other

HTML-CSS
#1

Tell us what’s happening:
I’m trying to float my #video element to the right of my h3 element, but that isn’t happening.

Your code so far
https://codepen.io/jalal_b/pen/ZEpmzzX

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

1 Like
#2

@jalal_b try adding the float property on the h3 element like this
float:left;
Also check out this page about floats

1 Like
#3

Hi,

You can use Flex. I don’t know if this is what you are looking for.

I create a fork of your pen:
Product Landing Page: Spork (codepen.io)

I wrap your h3 and video inside div.history. You can see the CSS on line 93.

1 Like
#4

Thanks for your reply! Is there any way to align the text with the video vertically?

#5

I tried adding that earlier but it didn’t work. Thanks for the article though, i’ll check that out