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'

'。 –

回答

相关问题