Avatar of bidgadget
bidgadget
Flag for United States of America asked on

HTML buttons side by side

I have created a audio play page and need to display two buttons side by side in HTML.  I am using the inline-block display and the buttons are still not appearing side by side
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

    <style>
        button {
            display: inline-block;
            margin: 5px; /* space between buttons */
            background: #b06f97; /* background color */
            color: #333; /* text color */
            font-size: 1.5em;
            font-family: ‘Georgia’, serif;
            font-style: italic;
            border-radius: 50px; /* rounded corners */
            padding: 8px 16px; /* space around text */
            -moz-transition: all 0.2s;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            float:unset;
        }
    </style>
    <button onclick="setPlaySpeed()" type="button">1.5x Speed</button><br>  <button onclick="setPlaySpeed3()" type="button">1x Speed</button><br>

    <video id="myVideo" width="320" height="176" controls>
        <source src="audio/audio/nextechfinal2.mp3" type="video/mp4">
        <source src="mov_bbb.ogg" type="video/ogg">
        Your browser does not support HTML5 video.
    </video>




    <script>
        var vid = document.getElementById("myVideo");

        function getPlaySpeed() {
            alert(vid.playbackRate);
        }

        function setPlaySpeed() {
            vid.playbackRate = 1.5;
        }

        function setPlaySpeed3() {
            vid.playbackRate = 1;
        }


    </script>


Open in new window

CSSHTML

Avatar of undefined
Last Comment
bidgadget

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Daniel Pineault

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
bidgadget

ASKER
oops.  thank you for pointing that out.  
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes