Удалите прописку из строки состояния

Question

Я хочу удалить простыню только из строки состояния и иметь отступы по тексту.

Я добавил ручку padding: 0; в строку состояния, но на нее не повлияло.

.list { 
 
    padding: 20px 0 20px; 
 
    border: 1px #666666 solid; 
 
    width: 250px; 
 
} 
 

 
.list > .status-bar { 
 
    background-color: red; 
 
    width: 20px; 
 
    display: inline-block; 
 
}

<div class="list"> 
 
    <span class="status-bar">&nbsp;</span>Test 1 
 
</div>

Answer 1

Вы можете использовать этот код

HTML:

<div class="list"> 
    <span class="status-bar">&nbsp;</span>Test 1 
</div> 

CSS:

.list { 
    padding:0; 
    border: 1px #666666 solid; 
    width: 250px; 
} 

.list > .status-bar { 
    background-color: red; 
    width: 20px; 
    padding:20px; 
    display: inline-block; 
    height:100%; 
} 

https://jsfiddle.net/bfktcehb/11/

Answer 2

Снимите прокладку из list:

https://jsfiddle.net/bfktcehb/8/

Answer 3

Добавить еще один пролет и поставить отступы в классе

<div class="list"> 
    <span class="status-bar">&nbsp;</span> 
    <span clsss="l1"> Test 1 </span> 

</div> 

.l1{ 
    padding: 0px 115px 0px 0px; 
}