Сделать выравнивание изображения в центре

Question

Я хочу сделать изображения на this странице с выравниванием по центру. Я попробовал решение ниже, но в моем случае это не работает. Пожалуйста, направляйте. ПАРОЛЬ: inspurate123

Решение:

display: block; 
margin-left: auto; 
margin-right: auto; 

Мой код:

<div class="title_area" style="float:left;"> 
    <h1 class="post_title"> 
     <a href="<?php the_permalink();?>" title="<?php the_title_attribute(); ?>"> 
      <?php the_title(); ?> 
     </a> 
    </h1> 
    <br> 

    <?php the_content(); ?>      
</div> 
</article> 
<?php get_template_part('share_this');?> 
</div> 

Answer 1

Попробуйте: -

.wp-caption.alignnone{ 
    margin:0 auto 
} 
.title_area img { 
    display: block; 
    margin: 0 auto; 
    width: 90%; 
} 

Надеется, что это работает для вас.

Answer 2

Прежде всего удалить float

вы можете сделать это, как показано ниже

Fiddle

http://jsfiddle.net/q2bm79t2/

img{ 
    margin:0 auto; 

    } 

.imageReplace{ 
    text-align:center 

} 

Html

<div class="imageReplace"> 
    <img src="http://drublic.de/blog/wp-content/uploads/2011/10/rotate-images.jpg"> 
</div> 

Answer 3

Попробуйте

.parent { 
    position: relative; 
} 
.child { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
} 

Answer 4

Вы можете использовать дисплей: встроенный-Flex (CSS3)

добавить это к body{display:inline-flex; width:100%;}

Теперь удалите отступы от вашего логина.

Это css3, некоторые браузеры не поддерживают его.

Answer 5

Попробуйте это и дайте мне знать, если он работал

img{ 
display:block !important; 
clear:both; 
margin:0 auto; 
}