There is a block with text. I need the text in it a little to the left than I have and in the adaptive version so that I do not go beyond. I wrote this:

.sliderr__item .slid { display: flex; flex-direction: column; width: 100%; text-align: left; margin-left: 50px; margin-top: 40px; } /*END*/ .sliderr { background-color: #fff; position: relative; overflow: hidden; width: 100%; } .sliderr__wrapper { display: flex; transition: transform 0.6s ease; /* ADDED: */ margin-bottom: 10px; } .sliderr__item { flex: 0 0 50%; } 
 <div class="sliderr"><br> <div class="sliderr__wrapper"> <div class="sliderr__item" style="border: 1px solid #DCE2EC;"> <div style="height: 250px;" class="slid"> <p>Lorem Ipsum</p><br> <p>Lorem Ipsum<br> <span>Lorem Ipsum</span></p> <p>Lorem Ipsum<span>21.08.2018</span></p> </div> </div> </div> </div>

But I have a mistake somewhere, I can not understand where. Tell me how to make the text adaptive and a little to the left in the computer version.

  • Remove the centering, and .slid set the margin-left: XXXpx , in the adaptive version, change the XXXpx to the required number% - DaemonHK
  • @DaemonHK and in the adaptive version how to set this quantity%? .slider-item {margin-left 10%} . So? - Timur
  • Yeah, just do not forget the colon) - DaemonHK
  • @DaemonHK The fact is that I need to press it to the left side, I write margin-left: 0 does not help. what could be the problem? - Timur
  • Уберите центрирование - that is to .sliderr__item .slid remove text-align: center; align-items: center; text-align: center; align-items: center; - DaemonHK

0