HTML Set Image Center On Div
<p>Hello i want to set img center on div like facebook </p>

<p>my code</p>

<pre><code>&lt;div style='border: 1px solid #BFBFBF; background-color: #fff; width: 600px; height: 300px;text-align: center; ' &gt;

    &lt;img src='http://www.trendycovers.com/covers/fear_is_a_lie_facebook_cover_1463215575.jpg' style='max-width: 600px; max-height: 300px; '&gt;

&lt;/div&gt;
</code></pre>

<p>My Image:
<a href="https://i.stack.imgur.com/BBwx8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BBwx8.png" alt="enter image description here"></a></p>

<p>See Facebook:</p>

<p><a href="https://i.stack.imgur.com/1KgOF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1KgOF.png" alt="enter image description here"></a></p>