Float:right reverses order of spans

Question

I have the HTML:

    Bookmix Offline
    

        
      

Answer 1

I get also stuck with this... so here is my sollution

I had this Before and want this After

HTML looks like this

    @foreach($restaurant->categories as $category)
        
{{ $category->title }}
    @endforeach
    @foreach($restaurant->labels as $label)
        
{{ $label->title }}
    @endforeach

CSS looks like this

.restaurant-thumbnail__tags {
    direction: rtl;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.restaurant-thumbnail__tags li {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}