Я не могу опустить аудио элемент HTML5 / CSS3

Поэтому я занят своей первой веб-страницей и через некоторое время добавил аудио-элемент, который отлично работает. Единственная проблема, с которой я сталкиваюсь, заключается в том, что я не могу опустить элемент таким образом, что он находится на нижней части моей страницы.

Я пробовал: Googling в течение очень долгого времени, спрашивая у других людей больше знаний, кроме меня,

(работал, но сделать беспорядок) Используйте <br> много раз

Это мой код HTML и CSS, если вам нужно больше, пожалуйста, спросите;) Также я не хочу знать больше, чем то, что я занят обучением, и лучший способ сделать это - делать это самостоятельно. только с этим я очень застрял.

HTML

 <audio src="music.mp3" controls>   
            <embed 
                src="music.mp3"
                width="300"
                height="90"
                loop="true"
                autostart="false" />
        </audio> 

CSS

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

BTW: тоже попробовал margin-bottom, но это не сработало