JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">
  <p>Some text</p>
  <div class="block">
     <p>Как сделать так, чтобы этот блок игнорировал паддинг тела и был 100% ширины?</p>
  </div>
</div>

CSS

.body {
  background-color: lightgray;
  width: 500px;
  height: 600px;
  padding-left: 5%;
  padding-right: 5%;
  border: 1px solid black;
}

.body > p {
  margin-top: 50px;
  background-color: lightyellow;
}

.block {
  background: lightgreen;
  margin: 0 -5%;
}