Как исправить это выравнивание?

Question

У меня есть следующий код, я хотел бы удалить пробел над социальными значками, я не знаю, где взята из концов/div до начала социальных значков.

Нечто подобное в этом изображении будет желаемый результат: 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

Вы должны сделать первый DIV float: left если вы хотите, чтобы они были в одной строке с DIV, содержащий социальные иконки :

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

Также вы должны использовать CSS margin или padding для создания пробелов между элементами вместо использования много из   объектов.

Например, добавьте стиль определяющего класса CSS для всех сноски элементов текста:

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

Затем измените HTML, закрыв все тексты отдельного DIV с помощью этого нового класса CSS (и удалить левый отступ от первого один, чтобы иметь его на левой стороне):

<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> 

вы получите что-то похожее на ваш текущий стиль без перерасхода   сущности, и позволяют с легкостью манипулировать пространства, изменяя padding в классе CSS.