enter image description here

How to remove this indent (highlighted in orange)?

Here is the code:

pay.php:

<div class="col-xs-2"> <!-- small box --> <div class="xtrasmall-box" style="background-image: url(img/wm.png);"> </div> </div><!-- ./col --> 

style.css:

  .xtrasmall-box {
   border-radius: 2px;
   position: relative;
   display: block;
   height: 45px;
   width: 60%;
   box-shadow: 0 1px 1px rgba (0, 0, 0, 0.1);
 }
  • And when you change the string width: 60%; nothing changes? - PloadyFree
  • The fact is that there should be Width: 100%; And I reduced it to 60% to get the desired size. If it changes, the width changes. - Ersultan

2 answers 2

 margin: 0; 

PS: And another 20 characters to send an answer ...

  • nothing changes - Ersultan
  • @Ersultan, then show a sufficient piece of code. - Qwertiy
  • which piece to send exactly? - Ersultan
  • > width: 60%; remove this display: inline-block; correct this - FLCL
  • @FLCL, if you remove the width, then the blocks with pictures disappear - Ersultan

The fact is that this is not an indent, but the remaining space in the container. If he confuses you, then I advise you to add a class to the .col-xs-2 block and change its width, and leave 100% width for the .xtrasmall-box block