title: How to add custom inline styles in MkDocs material theme
body: <p>I've been searching for a way to add custom styles to my markdown pages. I've been able to add "extra_css" to the yml file, but that seems to only affect the generated html. For example, I was able to add a custom style for images that causes ALL  items to be centered.</p>
  
  <p>I know there is a way to add attributes using something along the lines of</p>
  
  <pre><code>{: #someid .someclass somekey='some value' }
  </code></pre>
  
  <p>So this is a two part question:</p>
  
  <ol>
  <li>Where do I create the styles? In my custom css file declared in the yml?</li>
  </ol>
  
  <p>Example:
  extra_css:<br>
     -custom.css</p>
  
  <ol start="2">
  <li>How to I reference (apply) them inline in my markdown?</li>
  </ol>