title: CSS Text Spacing inside a Div Block
body: <p>How would I place my text slightly to the left so that it is consistent with the grab of the orange bar attached? If I do "Text-Align: Left" it moves too far to the left. Thank you for your help.</p>
  
  <p><img src="https://i.stack.imgur.com/eV51B.png" alt="image of what I am going for">   </p>
  
  <pre><code>#orange-bar {
      width: 18%;
      height: 43px;
      position: left;
      margin: 2px 0px 0px 0px;
      background-color:#FF6633;
      font-family:'LinotypeUniversW01-Bold 723691';
      color:#FFFFFF;
      font-size: 17px;
      vertical-align:middle;
      line-height: 43px;}
  
  
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Instagram&lt;/title&gt;
  &lt;script type="text/javascript" src="http://fast.fonts.com/jsapi/999aedb9-3bfd-4571-a6ad-   1d2b5e4de25f.js"&gt;&lt;/script&gt;
  
  &lt;link href="/static/main.css" type="text/css" rel="stylesheet"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;a href = '/instagram' id = 'header-name'&gt;&lt;/a&gt;  
      &lt;form method = 'post'&gt;  
          &lt;input onfocus="this.value=''" onblur="this.value='#tag search'" type = 'text'    name = 'tag' id = 'tag-search' value = '#tag search'&gt;&lt;/input&gt;
      &lt;/form&gt;
      &lt;div&gt;   
          &lt;input type="submit" id = "submit"&gt;
      &lt;/div&gt;      
      &lt;div id = "header-bar"&gt;&lt;/div&gt;
      &lt;div id="orange-bar"&gt;#LOOKLAB&lt;/div&gt;     
      &lt;div id = "container"&gt;
  </code></pre>