title: This part of CSS wouldn't modify with Chrome Developer Tools, what to do?
body: <p>Normally I edit and modify my website by first making changes in the Chrome Browser itself by using Chrome Developer Tools, however, this one won't change no matter how many times I try.
  This is my website - <a href="http://www.cyberfosters.com/linear-search/" rel="nofollow">link</a>. There's a sidebar at the bottom right which is displayed as <strong>block</strong>.
  I want it to display it as <strong>inline</strong>.
  The CSS is as follows : </p>
  
  <pre><code>.widget-area {
  float: left;
  width: 200px;
  }
  .widget-area {
  margin: 24px 0 0;
  margin: 1.714285714rem 0 0;
  }
  </code></pre>
  
  <p>I've just added </p>
  
  <blockquote>
    <p>display : inline;</p>
  </blockquote>
  
  <p>to one of the blocks but nothing seems to change, anyone can help?</p>