title: How to bring a button on top of other elements
body: <p>I have issue with boostrap button, I would like the button to appear on top of the hr line and a padding similar to "mounted drives" text on the right. </p>
  
  <p><a href="https://i.stack.imgur.com/DCyK7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DCyK7.png" alt="enter image description here"></a></p>
  
  <p>What is the appropriate way to solve this issue? I have tried using Z-index yet, the image remains under the line. </p>
  
  <p>I have tried to use but it didn't work</p>
  
  <pre><code>   z-index: 10 !important;
  </code></pre>
  
  <p>Here is my html code for your reference. </p>
  
  <p><a href="http://jsfiddle.net/8ktzhjw3/" rel="nofollow noreferrer">http://jsfiddle.net/8ktzhjw3/</a></p>