Выровнять по центру блок

[Enrico]

Всем привет.

Подскажите, как выровнять по центру, что-бы так и было по горизонтали.?

Вот код:

<div style="width:200px; float:left;">
                <a href="{full-link}">
                    <img src="{image-1}" title="{title}" alt="купить {title} по скидке"  width="200" />
                </a>
 
   <p class="text"> {title}</p>
   
</div>

Заранее благодарна.

[Javany]

Смотря что выровнять. Содержимое блока можно выровнять по центру так:

text-align: center;

для блока в css, выравнивает содержимое блока относительно самого блока.
или элемент

margin: 0 auto;

для элемента в css, выравнивает элемент относительно родителя, в нашем случае относительно нашего body

[Enrico]

margin: 0 auto;

стоит этот параметр и всеравно по левому краю все уходит.

[Вадим Мошев]

Я бы советовал все CSS стили вынести в отдельный CSS файл. Далее, выравниваемый блок в HTML записать таким образом.

<div class="myclass">
    Содержимое блока
</div>

Здесь обратите внимание на то, что у блока я поставил атрибут class и придал ему значение myclass.

В CSS файле мы создадим класс с использованным нами именем myclass

.myclas {
 width: 300px; /*Можете поставить своё значение, но ширина должна быть указана, а то работать не будет*/
 margin: 0 auto;
 float: left; /* Вот это надо убрать, из-за этого у вас не работает */
}

далее вас в html-файле в разделе head надо подключить CSS. Это делает так:

<link rel="stylesheet" href="ТУТ ПУТЬ К ВАШЕМУ ФАЙЛУ СТИЛЕЙ, например styels/styles.css">

[Enrico]

Сообщение от Вадим Мошев

Я бы советовал все CSS стили вынести в отдельный CSS файл. Далее, выравниваемый блок в HTML записать таким образом.

<div class="myclass">
    Содержимое блока
</div>

Здесь обратите внимание на то, что у блока я поставил атрибут class и придал ему значение myclass.

В CSS файле мы создадим класс с использованным нами именем myclass

.myclas {
 width: 300px; /*Можете поставить своё значение, но ширина должна быть указана, а то работать не будет*/
 margin: 0 auto;
 float: left; /* Вот это надо убрать, из-за этого у вас не работает */
}

далее вас в html-файле в разделе head надо подключить CSS. Это делает так:

<link rel="stylesheet" href="ТУТ ПУТЬ К ВАШЕМУ ФАЙЛУ СТИЛЕЙ, например styels/styles.css">

Если убрать float, то тогда все блоки идут по вертикали, мне нужно по горизонтали.

[Вадим Мошев]

Покажите картинку

[Enrico]

Сообщение от Вадим Мошев

Покажите картинку

https://trivia.pp.ua/

[Вадим Мошев]

Вас интересует раздел "Вся новая мужская ОБУВЬ"? Вы хотите, чтобы эта пара картинок располагалась по центру? Добавление новых блоков в этот раздел не предполагается? Впрочем, это, наверное, неважно.

[Enrico]

Сообщение от Вадим Мошев

Вас интересует раздел "Вся новая мужская ОБУВЬ"? Вы хотите, чтобы эта пара картинок располагалась по центру? Добавление новых блоков в этот раздел не предполагается? Впрочем, это, наверное, неважно.

Все разделы.

[Вадим Мошев]

Я бы посоветовал сделать так.
Все позиции каждого раздела (под позициями я понимаю изображения товара, название и цену) заключить в свой блок (div). Для него в CSS пропишите свойство

text-align: center

, а для самих сами блоки-позиций установите свойство

display: inline-block

.

Float: left

вам надо будет убрать.