HTML,CSSでaudio再生ボタンの位置を移動したい

Question

前提・実現したいこと

HTML,CSS初心者です。
下記コードを使用してサイトに「BGM」ボタンと「Off」ボタンを設置しました。
このボタンを、CSSで任意の位置（今回は画面右）に動かしたいのですが、ピクリともしません。
どのように記述すれば、CSSで動かせるでしょうか？

該当のソースコード

<audio id="audio" loop>
<source src="URL">
</audio><br>
<input type="button" value="BGM" onclick="audio_play()"><input type="button" value="off" onclick="audio_pause()">
<script type="text/javascript">
function audio_play() {
   audio.play();
}
function audio_pause() {
   audio.pause();
}
</script>

試したCSS

audio{
width: 100%;
text-align: right;
}

Answer 1

<div id="audio-wrap">
<audio id="audio" loop>
<source src="URL">
</audio><br>
<input type="button" value="BGM" onclick="audio_play()"><input type="button" value="off" onclick="audio_pause()">
<script type="text/javascript">
function audio_play() {
   audio.play();
}
function audio_pause() {
   audio.pause();
}
</script>
</div>

#audio-wrap {
    text-align: right;
}

Comments

[bigi2019]

解決しました！ありがとうございます！