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

118

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>