HTMLの余白とマージン？

-1

このコードは恐らく最悪の悪夢のように見えますが、貸し手を与えることができる人は誰ですか？私は、CSSに入り、私が必要と思っているものよりも多くを作成する代わりに、ソースコードで余白とパディングを使用しようとしています。私は単にテキストを一定量左に移動しようとしています：HTMLの余白とマージン？

<li> 
    <div class="member"> 
     <div class="image"> 
      <img src="http://i.imgur.com/vSZyVru.jpg" alt=""> 
     </div> 
     <div class="info"> 
      <h4>margin:left: 5px; padding: 5px; Bill Nye</h4> 
      <p> 
       Journalist reaseacher. 
      </p> 
      <ol class="social"> 
       <li><a href="#"><i class="fa fa-facebook"></i></a></li> 
       <li><a href="#"><i class="fa fa-twitter"></i></a></li> 
       <li><a href="#"><i class="fa fa-youtube"></i></a></li> 
      </ol> 
     </div> 
    </div> 
</li>

何か助けていただければ幸いです。ありがとう。

出典

2016-03-30 Hydro de Moellercule

まあ、変更 '

マージン：左：5px;パディング：5px; '

。 –

"HTMLスタイル属性"を検索してみてください。それはおそらくあなたが望むことをするでしょう。 – Ivar

CSSスタイルを含む外部CSSファイルを実際に使用したくない場合は、内部の<style>タグまたはインラインで定義することができます。

インラインCSS

は、単にから、あなたの現在のスタイルを変更します。内部<style>タグ内

<h4>margin:left: 5px; padding: 5px; Bill Nye</h4>

<h4 style="margin-left: 5px; padding: 5px;">Bill Nye</h4>

CSSに

HTMLページの<head>タグ内に<style>タグを定義して、CSSスタイルを定義できます。

<html> 
    <head> 
     <style> 
      h4 { 
       margin-left: 5px; 
       padding: 5px; 
      } 
     </style> 
    </head> 

    <!-- The rest of your HTML file content --> 

</html>

これは、ページ内のすべての<h4>の要素にCSSスタイルを適用する：次は例だろう。単一の<h4>要素だけを扱いたい場合は、<h4 id="my-id">のようにIDまたはクラスを要素に追加するだけです。それからちょうどCSSにそのセレクターを参照：

#my-id { 
    /* add your styling here */ 
}

あなたはW3SchoolsのサイトhereにCSSスタイルの定義の詳細基本的な情報を見つけることができます。

これが役に立ちます。

出典

2016-03-30 12:50:53 Fizz

伝説！ありがとう、本当に有益です:) –

外部CSSファイルを定義することは、組織とコードのクリーンアップに不思議です。 – Fizz

-1

は、HTML改行なしスペースを使用して試みることができる：

 

右に移動したいテキストの前に（つまり、繰り返すことができます）。こうすることで、外部ファイルのロードを避けることができ、分離されたケース（数ページ）で非常に便利です。さらに詳しい情報：https://en.m.wikipedia.org/wiki/Non-breaking_space

出典

2016-03-30 12:50:44 statosdotcom

マージン：左：5px;パディング：5px; '

。 –

答えて

関連する問題