TabletUI: Anzeige Werte nebeneinander darstellen und Text ausrichten

[stobor]

Hallo,
ich versuche gerade, ein paar "Texte" auszurichten. Leider klappt es bei mir nicht so ganz. Hat jemand ein paar Tipps für mich?

Code Auswählen Erweitern


<li data-row="1" data-col="5" data-sizex="3" data-sizey="4">

<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain06" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain12" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain18" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>

...


<div class="sheet top-space-2x"">
<div class="row">
<div class="col-1-6">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_date" style="margin-bottom:5px" data-substitution="toDate().ee()"  class="bold great inline" data-color="lightgrey"></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
</div>
</div>

...



Wie kann ich:
1. Die Temperatur und Regenwahrscheinlichkeit nebeneinander darstellen (z.B.: 15°C / 0%)?
2. Die abgekürzten Wochentage etwas nach unten verschieben?

Danke für eure Hilfe.