Фотография стоит по левому краю. Как сделать, чтобы была в середине?

330
23 января 2017, 17:50

Есть такие теги 

<div class="card">
 <div class="card-content">
 <img class="responsive-img" style="max-height: 64px;" src="http://idsoft.com.ar/javax.faces.resource/div.png.xhtml?ln=img"/>
                                        <div class="left-align">
    ....
    ...
    ...

Здесь фотография начинается с левого края. Как сделать, чтоб она стояла не слева а с середины??? Благодарю

Answer 1

Самый лёгкий способ , поместить в тег p и в блоке text-align:center;

div { 
  width: 60%; 
  margin: auto; 
  border: 1px solid; 
  text-align: center; 
}
<div> 
  <p> 
    <img src="http://placehold.it/350x150" alt=""> 
  </p> 
</div>

Answer 2

Стили для картинки. Margin:auto; line-height: размер полный картинки

READ ALSO
Как сверстать такой элемент?
HTML

Как сверстать такой элемент?

Нужен вот такой треугольник, чтобы тянулся адаптивноПодскажите, как лучше его сверстать? Я пытался бордерами через before и after, но линии соприкосновения...

 314
Как объединить 2 фильтра css
HTML

Как объединить 2 фильтра css

Как объединить эти 2 фильтра в 1? (Или как сделать 1 более насыщенным? - С 1 фильтром результат не устраивает)

 427
Меню в виде таблицы [требует правки]
HTML

Меню в виде таблицы [требует правки]

Нужно большое меню в виде таблицыВо время событий over и click нужна анимация как текущей ячейки, так и соседних

 304
Как полностью сохранить index.html сайта
HTML

Как полностью сохранить index.html сайта

Необходимо сохранить главную страницу сайта parimatchcom (не сочтите за рекламу), там есть слайдер, сохранение с помощью плагина scrapbook не сохраняет...

 407