2016-04-07 26 views
1

Aşağıdaki kodum var, sosyal simgelerin üstündeki boşluğu kaldırmak istiyorum, sosyal simgelerin başlamasından önce/div bitten nereye gidildiğini bilmiyorum. Bu görüntüdeki gibiBu hizalamayı nasıl düzeltebilirim?

şey arzu olacağını sonucu: bunları sosyal simgeleri içeren div ile bir satır olmasını istiyorsanız 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>

cevap

1

İlk div float: left yapmalıdır :

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

Ayrıca CSSkullanmalısınız 3212 veya padding, öğelerinin yerine &nbsp; varlıklarının öğeleri arasında boşluk yapmak için.

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

O zaman bu yeni CSS sınıfı ile ayrı div yıllarda tüm metinleri kapatarak HTML'nizi değiştirmek (ve ilk gelen sol dolguya kaldırın:

Örneğin, bütün alt metin öğelerinin bir CSS sınıf belirleyici stil eklemek bir) sol tarafta olmasını:

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

sen &nbsp; varlık overusing kalmadan mevcut stiline benzer bir şey alacak ve easliy CSS sınıfında padding değiştirerek boşluk manipüle edebilir.

+0

@wilk Yukarıdaki kodum için bir kenar boşluğu veya dolgu örneği verebilir misiniz? –

+0

@UhlHosting Ben '  ' – Wilq

+0

@Wilk yerine CSS'de dolgu kullanmanın nasıl bir örneğiyle yanıtı güncelledim Çok teşekkürler! –

İlgili konular