Как выровнять текст метки с переключателем

Метка для каждого переключателя выравнивается до тех пор, пока текст метки не будет отображаться в одной строке. Я бы хотел выравнивание выглядеть так. Однако в настоящее время он выглядит как это при просмотре на маленьком экране.

Это выводит данные из базы данных MySQL в переключатели.

<?php
$stmt = mysqli_prepare($link, "SELECT id, name, price FROM cases ORDER BY price");
$stmt->execute();
$stmt->bind_result($case_id, $case_name, $case_price);
while($stmt->fetch()) {
echo '<li>
<input id = "'.$case_id.'" name = "config-prod" value = "'.$case_id.'" type = "radio">
<label class = "sub-label" for = "'.$case_id.'">'.$case_name.'         [£'.$case_price.']</label>
</li>';
}
$stmt->close();
?>

CSS:

label {
    margin-top: 5px;
    color: #cfcfcf;
}

.input-list {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
    .input-list li input {
        margin-right: 22px;
    }
        .input-list li input:checked + label {
            color: rgb(255, 255, 255);
            font-weight: 700;
            font-size: 17px;
            transition: color 0.5s ease;
        }

Как я могу этого добиться? Спасибо.