Machen Sie Box rechts und zeigen Inhalt von rechts nach links

Question

Es ist schwer zu erklären, was ich tun möchte.

Auf meinem Codepenbeispiel habe ich eine Standardbox (normale Größe 240px), wenn ich klicke plus zeigt es den gesamten Inhalt von links nach rechts (bis 800px).

Was ich erreichen möchte ist, Inhalt nach links zu legen, Box nach rechts (diese Box, die 240px hat, nur die Box sollte sichtbar sein, bevor klicken minus) und wenn ich plus Plus zeige den Inhalt von rechts nach links. (Umgekehrt ist das was ich jetzt habe).

Answer 1

Es gibt mindestens zwei Optionen, die besser vom Rest Ihres Layouts abhängen. Erstens könnte man einfach treiben ihn nach rechts,

.awwards-square { 
    Float: right; 
} 

Alternativ Sie es absolut positionieren konnte,

.awwards-square { 
    position: absolute; 
    right: 0px; 
}