title: Why is the display propety reverting to its default value when I’ve programmed it to do otherwise?
body: <p>I have a <code>&lt;div&gt;</code> element where I’m trying to change the <code>display</code> property to <code>block</code>, but whenever I do this the web browser just reverts the value back to <code>inline-block</code>.</p>
  
  <p>I’ve tried changing the parent’s <code>display</code> to <code>block</code> and even the <code>&lt;div&gt;</code> element itself to <code>block</code> but the browser still reverts the <code>display</code> on said <code>&lt;div&gt;</code> element back to <code>inline-block</code>.</p>
  
  <p>Surely I’m just missing some sort of basic rule here.</p>