Как картинку наложить позади параграфа?

236
03 ноября 2017, 09:41

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

.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*/
<div class="client"> 
            <h1>Our Clients Say</h1> 
            <div class="coment"> 
            <p>Suspendisse sollicitudin velit sed leo. Ut<br> 
            pharetra augue nec augue. Nam elit agna,<br>  
            endrerit sit amet, tincidunt, viverra sed,<br>  
            nulla. Donec porta diam eu massa.</p> 
             
            <p>Quisque diam lorem, interdum vitae, dapibus<br> 
             ac, scelerisque vitae, pede. Donec eget tellus<br> 
              non erat lacinia fermentum. Donec in velit<br> 
               vel ipsum auctor pulvinar. </p> 
               </div> 
                           <span>Bradley Grosh,<br> 
                    Company Name</span> 
        </div> 
        

Такой получаю

Answer 1

всего то надо было с 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*/
<div class="client"> 
            <h1>Our Clients Say</h1> 
            <div class="coment"> 
            <p>Suspendisse sollicitudin velit sed leo. Ut<br> 
            pharetra augue nec augue. Nam elit agna,<br>  
            endrerit sit amet, tincidunt, viverra sed,<br>  
            nulla. Donec porta diam eu massa.</p> 
             
            <p>Quisque diam lorem, interdum vitae, dapibus<br> 
             ac, scelerisque vitae, pede. Donec eget tellus<br> 
              non erat lacinia fermentum. Donec in velit<br> 
               vel ipsum auctor pulvinar. </p> 
               </div> 
                           <span>Bradley Grosh,<br> 
                    Company Name</span> 
        </div>

READ ALSO
Подводные камни HAVING

Подводные камни HAVING

Сейчас пишу кое какую штука с генерацией SQL запросов налету, и поэтому решил спросить чтобы не наступить на грабли

341
Получить товары только с фото

Получить товары только с фото

Есть две таблицыпродукты и фото

280
Как поместить строки файла в массив массивов?

Как поместить строки файла в массив массивов?

Есть txt файл в котором около 1000 строкНужно поместить эти строки в массив массивов по 12 элементов, в последнем массиве соотвественно будет...

315
Вставка по уникальному ключу

Вставка по уникальному ключу

Есть сущность с id и каким-то другим уникальным ключом (extId)Множество потоков (приложений) вставляют в БД сущности с незаполненным id, но известным...

224