Отменить padding родителя

156
13 апреля 2021, 07:00

Как отменить padding родителя для img, но оставить его для текста, разметить тегами текст невозможно. Что можно сделать с img чтобы он не наследовал родительский стиль? Подойдет любой метод js, css 

<div padding:20px>
<img src="">
текст
текст 
<img src="">
текст 
текст 
</div>
Answer 1

Можно сместить изображение, сделав его относительно позиционированным и указанть "margin: -20px";

Это то, что Вам нужно было?

https://codepen.io/hisbvdis/pen/voEmvg


.container { 
    border: 1px solid #000; 
    padding: 20px; 
} 
 
img { 
    position: relative; 
    right: 20px; 
}
<div class="container"> 
    <img src="https://picsum.photos/id/982/536/354"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A expedita maxime distinctio quod optio quia tempora ea sit libero magni.</p> 
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, nam?</p> 
    <img src="https://picsum.photos/id/982/536/354"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A expedita maxime distinctio quod optio quia tempora ea sit libero magni.</p> 
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, nam?</p> 
</div>

READ ALSO
Слайдер изображений для сайта в модальном окне
javascript

Слайдер изображений для сайта в модальном окне

Делаю собственный слайдер изображений без сторонних плагинов на JQUERY и столкнулся с такой проблемой: Если на странице более одного элемента,...

 184
Ширина flex элемента по его содержимому?
CSS

Ширина flex элемента по его содержимому?

Вот есть такой кодВ нём флекс элементы имеют высоту по его содержимому, но при этом расположение элементов растягивается на высоту флекс...

 135
Передача параметров в шаблонах по значению и по ссылке
c++

Передача параметров в шаблонах по значению и по ссылке

Пишу шаблон функции:

 127
Умножение матрицы на поинт
c++

Умножение матрицы на поинт

Имеется матрица (допустим 3x3) которая применяется для преобразования некоего массива двумерных точек (допустим std::vector<Point>)Как это грамотно...

 161