Trying to display a label and a form on the same line

Hello,

I am trying to display a label and a form on the same line just like this

<body>
<div class="movie-container">
        <label>
            Pick a movie:
        </label>
        <select id="movie">
            <option value="10">Avengers:Endgame(10$)</option>
            <option value="12">Joker(12$)</option>
            <option value="8">Toy Story 4 (8$)</option>
            <option value="9">The Lion King (9$)</option>
        </select>

    </div>
</body>
body{
    background-color:#242333;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    font-family:Lato,sans-serif;
    margin:0;

}

Thanks for helping me out!


Here is my site Read-Only: [LINK](Webflow - Movie booking)

(how to share your site Read-Only link)

Hi @saad_chraibi,

Welcome to the forum - I’ve recorded a quick demo to show you how you could go about fixing this: https://share.cleanshot.com/bn7P5L

Basically you’ll just need to set the ‘Form’ element to display: flex and the ‘Field Label’ element to Breaking: No Wrap.

Hope this helps!

Thank you a lot mww ! Grazie mille

1 Like