<!--<div class="one">
    <p class="first_p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam vel molestiae laudantium tempora obcaecati consectetur aliquid tenetur accusantium perferendis nam voluptates totam maxime, facere labore dicta consequuntur rerum officia harum.</p>
  </div>
  <div class="two">
    <p class="second_p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam vel molestiae laudantium tempora obcaecati consectetur aliquid tenetur accusantium perferendis nam voluptates totam maxime, facere labore dicta consequuntur rerum officia harum.</p>
  </div>-->

<div class="one_one">
  <p class="first_first">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam vel molestiae laudantium tempora obcaecati consectetur aliquid tenetur accusantium perferendis nam voluptates totam maxime, facere labore dicta consequuntur rerum officia harum.</p>
</div>

<div class="two_two">
  <p class="second_second">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam vel molestiae laudantium tempora obcaecati consectetur aliquid tenetur accusantium perferendis nam voluptates totam maxime, facere labore dicta consequuntur rerum officia harum.</p>
</div>

body {
  margin: 0;
}

/*.first_p {
  background: yellow;
  margin: -10% 0 0;
}

.second_p {
  background: pink;
  margin: 0;
}*/

.first_first {
  background: yellow;
  /*margin:  30px 10px 0px 20px;*/
  width: 300px;
  margin-left: -10px;
  /*margin-right: -10px;*/
  
}

.second_second {
  background: pink;
  margin: 0;
}