title: How to align paragraph div
body: <p>Edit: I realized what I asked was very vague. I;m trying to move a paragraph to the right-center of the site. It is a landing page that I am trying to make, I am not sure what's causing the paragraph block to not move from its original spot. Below is the HTMl/CSS that I am using. </p>
  
  <p>I've tried using margins, float, text-align</p>
  
  <pre><code>#test {
    background-color: #000;
    background: url(https://res.cloudinary.com/dod6u4bjy/image/upload/v1557191977/matteo-kutufa-1135337-unsplash.jpg)no-repeat center center fixed;
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position:fixed;
  }
  
  #testnav {
    margin: 50px 220px;
    list-style: none;
  }
  
  #wrapper {
    margin: 165px 50px;
  }
   #testnav a:hover {
     text-decoration: underline;
   }
  
   #testnav a {
     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
     font-size: 14px;
     text-decoration: none;
     width: 100px;
  }
  
   li {
     margin: 4px 0;
   }
  
   #socialnav li{
     display:inline;
     color: pink;
   }
  
   #socialwrap {
     margin: 0 220px;
  }
   #socialwrap a:hover{
     opacity: 0.7;
     color: pink;
   }
  
   #logo {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    height: 100px;
  }
  .paragraph{
    border: solid black 1px;
    color: pink;
    font-size: 24px;
    text-align: center;
    width:100%;
  }
  
  #intro {
    border: solid red 1px;
    display: inline-block;
    width: 80%;
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <pre><code>&lt;body id="test"&gt;
      &lt;div id="wrapper"&gt;
        &lt;a href="#"&gt;&lt;img src="https://res.cloudinary.com/dod6u4bjy/image/upload/v1557197589/geisha.png" id="logo" alt=""&gt;&lt;/a&gt;
  
  &lt;ul id="testnav"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;div id="socialwrap"&gt;
    &lt;ul id="socialnav"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="paragraph"&gt;
  &lt;div id="intro"&gt;This is a new website concept dedicated to my love the Japanese culture. &lt;br&gt;I hop to bring this idea to the masses.&lt;/div&gt;
  &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>