It turns out that this is not supported out-of-the box. There is a simple fix though and that is by adding the override as I've suggested in my comment.
@media only screen and (min-width: 48em) {
.column.large-left,
.columns.large-left {
float: left !important;
}
}
Notice the use of em
that is the Foundation-standard way of doing things. That should take care of the smal-centered
issue. You then just have to add that class to any small-centered
elements that you don't want centered. You can see it in action here.