Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

I cant lower an Audio element HTML5/CSS3

I cant lower an Audio element HTML5/CSS3

Problem

So I'm busy with my first webpage and after a while added an Audio Element that works perfectly, The only problem I'm having is that I can't lower the element in that way that it is on the bottem of my page.

I tried: Googling for a very long time, asking other people with more knowledge then me,

(worked but make a mess) Use
alot of times

These are my HTML and CSS code, if you need more please ask ;) Also i dont want to know more then that, im busy learning and the best way to do that is doing it yourself. only with this i got very stuck.

HTML

    
            

CSS

 audio {
    top:1200px;
    vertical-align: bottom;
}

BTW: also tried margin-bottom, but it didn't work

Problem courtesy of: DarthFoot

Solution

Just use margin-top to lower the element:

audio {
  margin-top:50px;

Example: http://jsfiddle.net/CTD58/

Solution courtesy of: Steven

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

I cant lower an Audio element HTML5/CSS3

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×