Hey there! I'm currently working on my very first webpage and recently added an audio element that is functioning perfectly. The only issue I'm encountering is trying to position the element at the bottom of my page.
I've already attempted the following:
- Extensive Google searches for a solution
- Seeking advice from individuals with more expertise than me
- Using
<br>multiple times (which kind of worked but created a messy layout)
Below, you'll find snippets of my HTML and CSS code. Feel free to ask if you require more information; however, please keep it concise as I believe learning is best achieved through hands-on experience. Unfortunately, this particular challenge has left me quite stuck in my learning journey.
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;
}
On a side note, I also experimented with margin-bottom, but unfortunately couldn't get it to work as desired.