Icons nebeneinander positionieren, ich bin am verzweifeln.

[D3ltorohd]

Hallo Com,
ich bräuchte mal wieder eure Hilfe. Ich versuche hier gerade krampfhaft 2 Icons nebeneinander zu bekommen, dazu den passenden Text. Ich bekomme zwar im Beispiel Eingang/Treppe die Tür nach links geschoben und vergrößert. Aber das Rollo Icon bleibt immer da drunter, kann machen was ich will. Habs schon mit inline probiert,top usw. Das bleibt stur da unten, nach rechts konnte ich es ein wenig verschieben. Jetzt geht aber das CircleMenu dennoch mittig vom Kasten auf, und nicht mittig vom Rollo Icon. Irgendwie bin ich noch nicht dahinter gekommen wie ich das im Code eintragen muss.

Code Auswählen Erweitern

    <div class="gridster">
        <ul>
    <li data-row="1" data-col="1" data-sizex="1" data-sizey="5" data-template="/fhem/tablet/nav_left.html">
           
<li data-row="1" data-col="3" data-sizex="1" data-sizey="1">
                <header>Eingang/Treppe</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell">
<div data-type="symbol" data-device="Haustuer_Sensor" data-states='["open","close"]' data-icons='["oa-fts_door_open blink warn","oa-fts_door"]' data-colors='["red","green"]' class="left-narrow-3x tall"></div>
                            <div class="top-narrow  darker small">Haustür</div>
    <div class="container">
    <div data-type="circlemenu" class="cell circlemenu">
<ul class="menu">
<li><div data-type="symbol"
data-device="Treppe"
data-get="pct"
data-get-on='["up","down","open","closed","0","10","20","30","40","50","60","70","80","90","100"]'
data-icons='["oa-fts_shutter_up","oa-fts_shutter_down","oa-fts_window_2w","oa-fts_shutter_100","oa-fts_shutter_100","oa-fts_shutter_90","oa-fts_shutter_80","oa-fts_shutter_70","oa-fts_shutter_60","oa-fts_shutter_50","oa-fts_shutter_40","oa-fts_shutter_30","oa-fts_shutter_20","oa-fts_shutter_10","oa-fts_window_2w"]'
data-colors='["grey","grey","yellow","green","green","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05","#ebbd05"]'
class="right-narrow-4x bigger"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="stop" data-icon="fa-angle-stop"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 0" data-icon="fa-angle-down"></div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 80" data-icon="">80</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 60" data-icon="">60</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 40" data-icon="">40</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 20" data-icon="">20</div></li>
<li><div data-type="push" data-device="Treppe" data-set-on="pct 100" data-icon="fa-angle-up"></div></li>
</ul>
</div>
   </div>
                    </div>
                </div>
            </li>

Hier noch ein Bild, wie es aussieht. Der Rollo sollte neben der Tür rechts zu sehen sein ? Oberkante Fenster, höhe Oberkante Tür.
Vllt kann mir hier einer behilflich sein, vllt versteh ich dann auch wie das zu machen ist.Hab mit den einzelnen Angaben aus der Wiki gespielt ,aber nichts erreicht.

Grüße