我如何让这些单选按钮在内联中彼此相邻？

<style>
    .radio-group {
        display: inline-block;
    }

    .radio-group input[type="radio"] {
        float: left;
        margin-right: 10px;
    }
</style>

<div class="radio-group">
    <input type="radio" name="option" value="option1">
    <label for="option1">选项1</label>
</div>

<div class="radio-group">
    <input type="radio" name="option" value="option2">
    <label for="option2">选项2</label>
</div>

<div class="radio-group">
    <input type="radio" name="option" value="option3">
    <label for="option3">选项3</label>
</div>