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

Design help Layout & Design
1

Hello,

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

CleanShot 2022-07-14 at 17.11.53@2x
CleanShot 2022-07-14 at 17.11.53@2x2852×1476 261 KB

<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](https://preview.webflow.com/preview/movie-booking-81ca0e?utm_medium=preview_link&utm_source=designer&utm_content=movie-booking-81ca0e&preview=39ee3e0843520a71390edc3bcd78042e&workflow=preview)

(how to share your site Read-Only link)

2

Hi @saad_chraibi,

Welcome to the forum - I’ve recorded a quick demo to show you how you could go about fixing this: CleanShot 2022-07-15 at 16.00.59 · CleanShot Cloud

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!

3

Thank you a lot mww ! Grazie mille

1 Like
4

thanks for good information i have face the same issue of sublimation printer