2017-04-12 75 views
-2

我试图让我的h1文本不向左挤压。我还使用自举,所以我不知道这影响任何东西:为什么我不能将保证金应用于我的H1元素?

h1 { 
 
    margin: 5px 40px 10px 70px; 
 
}
<html> 
 
    
 
    <head> 
 
    
 
    <script src="https://use.fontawesome.com/d712ea1844.js"></script> 
 
    
 
    
 
    <title>About Mike</title> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 
    <link type="text/css" href="css/a1.css" rel="stylesheet"> 
 
    
 
    </head> 
 
    
 
    <body> 
 
     <nav class="navbar navbar-inverse"> 
 
      <div class="container-fluid"> 
 
      <!-- Brand and toggle get grouped for better mobile display --> 
 
       <div class="navbar-header"> 
 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
 
         <span class="sr-only">Toggle navigation</span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
         <span class="icon-bar"></span> 
 
        </button> 
 
        <a class="navbar-brand" href="#">About Mike</a> 
 
       </div> 
 
    
 
       <!-- Collect the nav links, forms, and other content for toggling --> 
 
       <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1"> 
 
        <ul class="nav navbar-nav"> 
 
         <li class="active"><a href="../index.html">Home<span class="sr-only">(current)</span></a></li> 
 
         <li><a href="#">Resume</a></li> 
 
         <li><a href="artifact1/ArtifactPage1.html">Artifact 1</a></li> 
 
         <li><a href="../artifact2/ArtifactPage2.html">Artifact 2</a></li> 
 
        </ul> 
 
       </div> 
 
      </div> 
 
     </nav> 
 
       
 
     
 
      <h1 id="annoyingtitle">Examples of Work</h1> 
 
      <p id="p0">This is an example of a paper I wrote while I attended Frankline Pierce University. In this paper I look at the lenses at which mental illness is viewed in different parts of the world.</p> 
 
    <br/> 
 
     
 
     <A id="mentallink" HREF="mentalillness.docx">Mental Illness Cultural Lenses and Barriers</A> 
 
     
 
    <br/> 
 
    
 
     
 
    <p id="p1"> \t Reflection: Writing this essay was easily one of my hardest assignments I have ever done. It involved levels of research that I hadn’t done before. I learned how to form an argument while drawing evidence from multiple sources. This has helped me in my research and writing skills. My favorite part of writing this paper was doing the research. On this assignment we were allowed to pull sources from almost anywhere as long as they were credible, I enjoyed being able to go as far as my mind could take me. The one risk I believe I took with this project was the structure and flow. The entire assignment was 9 pages long. This made my biggest problem getting it all to flow together and getting my ideas in the right order. If I could re-do this assignment I wish I would write a better conclusion to the paper. </p> 
 
    <br/> 
 
    
 
    <div id="annoying"> 
 
     <ul id="list1" class="text-center list-unstyled"> 
 
      <li class="col-md-4"> <i class="fa fa-lg fa-twitter-square" aria-hidden="true"></i> 
 
       <br> 
 
       <a href="https://twitter.com/m">@M</a> 
 
      </li> 
 
      <li class="col-md-3"> <i class="fa fa-lg fa-facebook-official" aria-hidden="true"></i> 
 
       <br> 
 
       <a href="https://www.facebook.com/mike">mike</a> 
 
      </li> 
 
      <li class="col-md-3"> <i class="fa fa-lg fa-envelope" aria-hidden="true"></i> 
 
       <br> 
 
       <a href="[email protected]">[email protected]</a> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
    </body> 
 
</html>

+2

我不知道你为什么不能?我复制了你的代码和边距工作 – StefanBob

+1

是否还有其他的CSS参与? – ZimSystem

+0

没有涉及其他的CSS。我觉得它必须是我的HTML文件的其他内容。我真的失去了哈哈。 – Mik3y

回答

1

您的保证金工作。你想让你的h1没有挤在左边?水平居中怎么样? (我通常把保证金底部的头虽然)

h1 { 
    margin: 0 0 10px 0; 
    text-align: center; 
} 
+0

出于某种原因,我的h1仍然不动。我不知道我做错了什么。有可能是HTML中的其他东西搞砸了吗? – Mik3y

+2

我们应该如何知道,编辑您的答案并发布完整的HTML – StefanBob

0

确保您保存文件,刷新浏览器,也许清除缓存,关闭浏览器,然后重新打开,请为您的文本编辑器一样,等你的代码确实有效。

确保本地URL在您的浏览器等中正确无误,或发布您的整个代码。尝试不同的浏览器。要么有一个没有封闭标签的元素,另一个覆盖你的h1元素的CSS文件,或者没有发布与你的样式相冲突的元素。

相关问题