The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Centering an Audio Player Vertically Within a "div" Tag

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #28858
    Alan Breck


    I am working on a website which utilizes an audio player. As you can see on the page – – each audio player is in a box. How would I center the player vertically within each box?

    Thank you in advance for any help that can be offered!


    P.S. I would like to give a big "Thank You" to Chris Coyier for his AMAZING site. I’m still kind of new to CSS etc. so this will be a HUGE help! I’ve already learned a lot from just scratching the surface of what’s here!

    Chris Coyier

    This is a a great roundup of vertical centering techniques: … -with-css/

    Otherwise if you can use JavaScript, the general idea is

    Top position value of thing to center = (height of div / 2) – (height of thing / 2)

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.