javascript - how to align the elements properly>

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65889667/how-to-align-the-elements-properly

Answer 1

Remove the Overflow and add flex to the container

.listElement{
            padding: 0.60rem;

            margin: 10px auto;
           
            width: 75%;
            /* border: 2px solid red; */
            display: inline-block;
            background-color: #eee
        }
        

        .closeList{
            padding: 0.60rem;
            margin: 5px auto;
            display: inline-block;
            text-align: center;
            background-color: #ddd;
           
            width: 15%;
            cursor: pointer;
        }
        
        .container{
            background-color: red;
            display:flex;

        }

<div class="container">
                <div class="listElement">
                    hellooo
                </div>
                <div class="closeList">
                    x
                </div>
</div>