li-Boxen rechtsbündig ausrichten

[beatovich]

hallo

Hallo,

unter http://jsfiddle.net/cn8Lefdj/25/ habe ich ein einfaches Beispiel gebastelt. Ich formatiere eine li-Liste mit CSS in einzelne Boxen um, welche innerhalb eines Bereiches nebeneinander dargestellt werden. Wenn der Platz nicht ausreicht, dann werden diese automatisch umgebrochen. Allerdings möchte ich gern, das die roten Boxen (in dieser Anordnung) komplett auf die rechte Seite der blauen Box rücken. D.h. der aktuell breite blaue Rand soll links der roten Boxen sein und rechts nur noch die festgelegten 10px.

Eine andere Breite der blauen Box ist nicht möglich, da diese später abhängig von der Viewport-Breite festgelegt wird (z.Bsp. 20 vw).

Viele Grüße, Stefan E.

lösche float

ul {
   padding: 0;
   margin: 0;
    display:flex;
    flex-flow:row wrap;
    justify-content:right;
}

li {
  display: block;
  background: red;
  height: 50px;
  width: 50px;
  margin: 10px;
  flex:0 0 auto;
}