Center logo in html
<p>I have an logo in the header of the page and I want to make in centered.
This is my html:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>body {
  width: 90%;
  margin: 0 auto;
}
header {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #b5b5b5;
}
.logo {
  width: 250px;
  height: 150px;
  text-align: center;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  &lt;header&gt;
    &lt;div class="row"&gt;
      &lt;div class="logo-row"&gt;
        &lt;img src="resources/img/logo.png" alt="logo" class="logo"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;</code></pre>
</div>
</div>
</p>