Страницы

Поиск по вопросам

среда, 24 апреля 2019 г.

Как картинку разместить позади параграфа?

Такой эффект хочу получить

.client p{ font-size: 9pt; font-family: 'Italic'; font-weight: bold; } .coment{ background: url(https://cdn1.savepice.ru/uploads/2017/11/1/03cf72290cca88cdbd8724270cb30430-full.png) no-repeat; } /*End Client*/

Our Clients Say

Suspendisse sollicitudin velit sed leo. Ut
pharetra augue nec augue. Nam elit agna,
endrerit sit amet, tincidunt, viverra sed,
nulla. Donec porta diam eu massa.

Quisque diam lorem, interdum vitae, dapibus
ac, scelerisque vitae, pede. Donec eget tellus
non erat lacinia fermentum. Donec in velit
vel ipsum auctor pulvinar.

Bradley Grosh,
Company Name

Получается вот так


Ответ

всего то надо было с padding-ОМ поиграть да height: 250px выставить как, благо подсказал – vp_arth....
.client p{ font-size: 9pt; font-family: 'Italic'; font-weight: bold; } .coment{ height: 250px; padding:30px; background: url(https://cdn1.savepice.ru/uploads/2017/11/1/03cf72290cca88cdbd8724270cb30430-full.png) no-repeat; } /*End Client*/

Our Clients Say

Suspendisse sollicitudin velit sed leo. Ut
pharetra augue nec augue. Nam elit agna,
endrerit sit amet, tincidunt, viverra sed,
nulla. Donec porta diam eu massa.

Quisque diam lorem, interdum vitae, dapibus
ac, scelerisque vitae, pede. Donec eget tellus
non erat lacinia fermentum. Donec in velit
vel ipsum auctor pulvinar.

Bradley Grosh,
Company Name

Комментариев нет:

Отправить комментарий