Что удалось выяснить в ходе эксперимента:
1. Когда-то я спрашивала про стандартный отступ, но выяснить это мне не удалось. По картинке видно, что она наполовину наезжает на красную окантовку, ширина которой 10px, значит стандартный отступ 5px (если не ошибаюсь).
2. Картинка расположена слева, но ее можно расположить и справа, достаточно left заменить на right, а вот по центру установить картинку мне не удалось.
3. Картинку можно поднять выше, достаточно добавить лишний переход на новую строку (br/)
4. Чтобы текст сразу располагался ниже картинки, пришлось установить отступ справа в 88px. Если взять отступ везде в 10px, то текст до какого-то момента будет справа от картинки и только потом окажется ниже картинки.
5. Для расположения текста под картинкой можно использовать и другой способ. В последнем padding указать одно значение, но перед текстом добавить необходимое количество переходов на новую строку. Если в нашем коде мы поставим отступ в 10px, то нам придется перед текстом поставить 6 переходов к новой строке.
Для информации:
padding: 10px; — 10 пикселей со всех сторон.
padding: 10px 20px; — 10 пикселей сверху и снизу, 20 пикселей слева и справа.
padding: 10px 20px 30px; — 10 сверху, 20 справа и слева, 30 снизу.
padding: 10px 20px 30px 40px; — по часовой стрелке: сверху, справа, снизу, слева. |
|
