'How can i move the border with the text or close to it i need the left to move in 30px

I need to move the border with the text. The padding only moves the text not the border

 {{#each spacing}}
  <span class='p-2'>
  {{business}} ({{Count}})
  </span>
 {{/each}}

 .p-2{
  border: 1px solid #D8DADA;
  margin: 0 12px 0 0;
  padding: 10px 0 8px 30px !important;  
  }

Span

csshandlebars.jsdockergithub-clibuildx


Solution 1:[1]

Hi if you want to move the border with the text then you can use margin properties. The CSS margin properties are used to create space around elements, outside of any defined borders.

you can use padding for making space inside any defined borders and margin for outside borders.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Touhid Imam

Related Questions