2016-04-07 16 views
1

私は以下のコードを持っています。私はソーシャルアイコンの上のスペースを削除したいと思っています。あなたは彼らが社会的なアイコンを含むdiv要素を持つ1行になりたい場合は、最初のdiv float: leftをしなければならない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>

答えて

1

:この画像のように

何かが結果望まれます:

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

また、CSSまたはpadding多くの&nbsp;エンティティを使用する代わりに、要素間のスペースを作成します。例えば

、すべてのフッターのテキスト要素のCSSクラス定義のスタイルを追加します。

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

は、この新しいCSSクラスを別々のDIV年代にすべてのテキストを閉じて、あなたのHTMLを変更する(最初から左パディングを削除左側にそれを持っている1):

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

あなたは&nbsp;エンティティを乱用することなく、あなたの現在のスタイルに似た何かを得るだろう、とあなたはeasliy CSSクラスでpaddingを変更することで、スペースを操作できます。

+0

@wilk上記のコードのマージンやパディングの例を教えてください。 –

+0

@UhlHosting「 」の代わりにCSSでパディングを使用する方法の例を使って回答を更新しました – Wilq

+0

@Wilkありがとうございました! –

関連する問題