Float within parent div

by Matthew Day

HTML

<div class="stats">
    <div class="stat">
        <div class="title">English</div>
        <div class="rating">4 circles</div>
    </div>
    <div class="stat">
        <div class="title">Spanish</div>
        <div class="rating">4 circles</div>
    </div>
    <div class="stat">
        <div class="title">French</div>
        <div class="rating">4 circles</div>
    </div>
</div>

CSS

* {
    box-sizing: border-box;
}

.stat {
    overflow: auto;
}

.title {
    float: left;
    width: 100px;
}
.rating {
    float: left;
    width: 400px;
}