Wie kann ich diese Ausrichtung beheben?

Question

Ich habe den folgenden Code, ich möchte den Raum über den sozialen Symbolen entfernen, ich weiß nicht, wo aus dem/div endet, bevor die sozialen Symbole beginnen.

So etwas wie in diesem Bild würde gewünschtes Ergebnis werden: http://prntscr.com/ap7ai7

<strong><div style="margin-top: 10px;">© 2016 RIESEN-PRINTMEDIA   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;UID-Nummer CHE-356.597.965 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IBAN: CH25 0070 0115 8002 6948 8 ZKB - Zürich</strong></div>

Answer 1

Sie sollten das erste div machen float: left, wenn man sich in einer Linie mit dem div enthält soziale Symbole sein will :

<div style="margin-top: 10px; float: left;">© 2016 RIESEN-PRINTMEDIA (...) 

Auch sollten Sie CSSverwendenoder padding für die Herstellung von Räumen zwischen Elementen statt viel von   Einheiten.

Zum Beispiel eines CSS-Klasse definiert Stil für alle Footer Textelemente hinzufügen:

div.footerText { 
    padding: 10px 50px 0px; 
    float: left; 
} 

Dann wird Ihren HTML ändern, indem Sie alle Texte in separaten DIV mit dieser neuen CSS-Klasse zu schließen (und die linke Polsterung entfernen von dem ersten man es auf der linken Seite haben):

<div class="footerText" style="padding-left:0"><strong>&copy; 2016 RIESEN-PRINTMEDIA</strong></div> 
<div class="footerText"><strong>UID-Nummer CHE-356.597.965</strong></div> 
<div class="footerText"><strong>IBAN: CH25 0070 0115 8002 6948 8 ZKB - Zürich</strong></div> 

Sie werden ohne   Einheit etwas ähnliches zu Ihrem aktuellen Stil erhalten überbeanspruchend, und Sie können die Räume easliy manipulieren, indem padding in CSS-Klasse zu ändern.