i wanna get the input to the start of the container div , like to the left, how can i do it
html

`<li> <div class="dark-light">
                    <input type="button">
                    <span class="light">☀️</span>
                    <span class="dark">????</span>
                </div></li>
`

css

`.dark-light {
    display: flex;
    gap: 0.75rem;
    border: #555555 solid;
    background-color: #555555;
    border-radius: 2rem;
    padding: 0.31rem;
    user-select: none;
    cursor: pointer;
    align-items: center;
}
.dark-light input {
    border-radius: 2rem;
    appearance: none;
    border: 0;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
}`

i tried the justify content but it didnt worked , adding left property move it respective to the whole screen because i have absolute position, but i want it the go 100% left of the container