title: Adding a third element to the row tab cover in HTML
body: <p>Final one for today. </p>
  
  <p>My current construct is as such with the corresponding .css below it. </p>
  
  <pre><code> &lt;p&gt;&amp;nbsp;
   &lt;/p&gt;
   &lt;p&gt;&amp;nbsp;
   &lt;/p&gt;
   &lt;div class="row tab-cover"&gt;
   &lt;div class="col-sm-4"&gt;&lt;a href="/home" target="_self"&gt;Return to 
   Categories&lt;/a&gt;
   &lt;/div&gt;
   &lt;div class="col-sm-8"&gt;
   &lt;p&gt;To Download Table Data Click on the Table then Select Download.
   &lt;/p&gt;
   &lt;/div&gt;
   &lt;/div&gt;
  
   .tab-cover {
              background-color:#1a4277;
              height: 30px;
              color:#fff;
              font-size: 1.1em;
              padding-top:5px;
    }
   .tab-cover a {
              text-align: right;
              text-decoration: underline;
              color: #fff;
    }
   .tab-cover a:visited {
              color: #fff !important;
    }
  </code></pre>
  
  <p>I am needing to add a third element to this. The two elements in the code display on the far left and center of a row of blue color. I am needing this third element to show up on the right. It is a link to a document. I tried the following but it does not show up. Any thoughts on how to resolve this?</p>
  
  <pre><code>   &lt;p&gt;&amp;nbsp;
     &lt;/p&gt;
     &lt;p&gt;&amp;nbsp;
     &lt;/p&gt;
     &lt;div class="row tab-cover"&gt;
     &lt;div class="col-sm-4"&gt;&lt;a href="/home" target="_self"&gt;Return to 
     Categories&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="col-sm-8"&gt;
     &lt;p&gt;To Download Table Data Click on the Table then Select Download.
     &lt;/p&gt;
     &lt;div class="col-sm-8"&gt;
     &lt;p&gt;&lt;a href=""&gt;link text&lt;/a&gt;
     &lt;/p&gt;
     &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>