Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 21.10.2017, 08:56
Communicate Communicate ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.11.2015
Beiträge: 14
Communicate befindet sich auf einem aufstrebenden Ast
Standard DIV lässt sich nicht inline positionieren

Hallo,

ich bin dabei, ein HTML-Widget für eine bestimmte Anwendung (habpanel im Kontext openhab) zu entwerfen. Bin dabei aber noch ein ziemlicher html neuling.

FOlgendes Problem. Der nachfolgende Code produziert folgendes Ergebnis:
HTML-Code:
<div class="leftborder"></div>
<div class="leftborder-label">{{ngModel.name}}</div>
<div class="text-left" style="margin-top: -6px; font-size: 25px;">
  <span class="value" style="inline">{{itemState(config.item)}}°C
		<svg style="stroke: #26bf75;inline;">
        <use xlink:href="/static/squidink.svg#thermometer-3"></use>
    </svg>
  
  </span>

Bildschirmfoto 2017-10-21 um 07.51.28.png
Das Thermometer sollte eigentlich in die gleiche Zeile wie das "°C", aber egal wie, ich bekomme es einfach nicht hin -

Hat jemand von Euch eine Idee?

Grüße
Dominic
Mit Zitat antworten
Sponsored Links