HTML中的填充和邊距？

-1

這段代碼可能看起來像你最糟糕的噩夢中的東西，但任何人都可以給我一個貸款的手？我試圖在源代碼中使用margin和padding，而不是必須進入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

好吧，改變'

margin：left：5px; padding：5px;'to'

'。 –

嘗試搜索「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>

這將適用的CSS樣式在你的頁面中的所有元素<h4>。如果您只想處理單個<h4>元素，只需向元素中添加ID或類，如<h4 id="my-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

HTML中的填充和邊距？

margin：left：5px; padding：5px;'to'

'。 –

回答

相關問題