html - Make image center aligned -

I want to align images at the center of the page I have tried the solution below but it does not work in my case. Please Guide Password: Inspurate123

Solution:

Display: Block; Margin-left: auto; Margin-right: auto;

My code:

  & lt; Div class = "title_area" style = "float: left;" & Gt; & Lt; H1 class = "post_title" & gt; & Lt; A href = "& lt ;? php the_permalink () ;? & gt;" Title = "& lt ;? php the_title_attribute () ;? & gt;" & Gt; & Lt ;? Php the_title (); ? & Gt; & Lt; / A & gt; & Lt; / H1> & Lt; Br> & Lt ;? Php the_content (); ? & Gt; & Lt; / Div & gt; & Lt; / Article & gt; & Lt ;? Php get_template_part ('share_this') ;? & Gt; & Lt; / Div & gt;  

Try this: -

  .wp-caption.alignnone {margin: 0 auto} .title_area img {Display area; Margin: 0 auto; Width: 90%; }  

Hope this works for you.