Image, Text and Link placement with YouTube iframe on same line
I've got this page set up and I'm trying to line a YouTube video and a few images with links and text on the same line. I've got a jsfiddle set up so you can see my code and whatnot: jsFiddle
Here's what I want it to look like basically:
I want the green "Su开发者_如何学编程bscribe" button to go in the green boxed in space as well as the link with image boxed in red to go into the red box empty space.
On jsFiddle, the YouTube video is a bit not-sized then here in this screenshot but don't really worry about that unless it is necessary.
For those who would rather see a live version of the web page sample instead of the jsFiddle small preview, here is a link: Test Live Page
Is this what you were looking for? http://jsfiddle.net/9xQe7/
Here's what I did:
- Wrapped the image link and "Subscribe" link in a wrapper div (
video-info
) and floated that to the right - Removed the margins from that div containing the image link
- Added an extra div with some content to
video-info
to show that extra content can be added - Wrapped the lower text in a div (
video-desc
) and addedclear: both
to keep that text separate from the above elements
Let me know if there's anything else we need to add/change to get at what you want.
精彩评论