Float:right renverse l'ordre des travées

La solution générale de ce problème consiste à inverser l'ordre de la droite flottait éléments dans le code HTML, ou enveloppez-les dans un contenant d'élément et d'un flotteur qui à le droit à la place.

Oui, cela peut être fait avec votre exacte de balisage.

L'astuce est d'utiliser direction: rtl;

Balisage

<div>
    <span class="label"><a href="/index/1">Bookmix Offline</a></span>
    <span class="button"><a href="/settings/">Settings</a></span>
    <span class="button"><a href="/export_all/">Export</a></span>
    <span class="button"><a href="/import/">Import</a></span>
</div>

CSS

div
{
    direction: rtl;   
}

span.label {

    float: left;
    margin-left: 30px;
}

VIOLON

très facile!

div.outerclass {
    float: right;
}

div.innerclass {
    float: left;
}

Flotteur de la div de droite au lieu de la durée des éléments?

De répondre à vos questions à jour:

path to div {
    text-align: right;
}
path to div span.label {
    float: left;
}

Je dis "chemin d'accès à la div" ci-dessus parce que vous faut bien cibler ce un div, qui n'est pas (selon vos cotés code) ont une classe ou un ID de son propre. Ce n'est pas un problème si nous pouvons le faire avec la structure.

Ainsi, par exemple, si le div est la seule div à l'intérieur d'un récipient avec de l'id (dire) "navigation", qui pourrait être:

#navigation div {
    text-align: right;
}
#navigation div span.label {
    float: left;
}

Ou si il y a d'autres divs dans le conteneur, mais c'est la seule qui
un enfant direct de la navigation conteneur, vous pouvez utiliser un sélecteur d'enfant au lieu d'un sélecteur de descendant:

#navigation > div {
    text-align: right;
}
#navigation > div span.label {
    float: left;
}

peut-être ce qui, pour quelqu'un...

http://jsfiddle.net/15abbg81/

seul horizontale, peut-être à utiliser: rtl/ltr de tables
devrait fonctionner dans tous les navigateurs qui prennent en charge table-cell css

normal:

<div class="container">
    <section>1</section>
    <article>2</article>
    <aside> <span>א</span><span>.</span> </aside>
</div>
<style>
.container { display: table; 
    direction:ltr; /*ltr here is not required*/
    }
.container>* {
    display: table-cell; /*only works with table-cell*/
    direction:ltr; /*ltr here is not required*/
}
</style>

inverse:

<div class="reverse">
    <div class="container">
        <section>1</section>
        <article>2</article>
        <aside> <span>א</span><span>.</span> </aside>
    </div>
</div>

<style>
    .reverse .container { display: table;  direction:rtl } /*change the outside direction to rtl*/
    .reverse .container>* {
        display: table-cell;
        direction:ltr /*inside switch back to ltr if needed*/
    }
</style>

Je reçois aussi coincé avec ce... voici donc ma solution

J'ai eu ce Avant et que ce Après

HTML ressemble à ce

<ul class="visible-xs restaurant-thumbnail__tags list-inline">
    @foreach($restaurant->categories as $category)
        <li>{{ $category->title }}</li>
    @endforeach
    @foreach($restaurant->labels as $label)
        <li>{{ $label->title }}</li>
    @endforeach
</ul>

CSS ressemble à ceci

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

vous auriez besoin pour faire flotter les travées de gauche, et de faire flotter le conteneur parent droite.

cela dépendra du type de mise en page que vous essayez d'atteindre toutefois.

il est prévu de comportement, pour le bénéfice des lecteurs d'écran et comme je l'imagine. l'autre option consiste à ajuster la marque, mais cela, comme vous le dites, peut ne pas être souhaitable.