HTML DIV Padding Wrong

Question

Почему мой div не дополняет правильный?

<div class="padding_10"> 
     <input placeholder="Search for people..." style="width: 100%;"> 
    </div> 
    .padding_10 { padding: 10px; } 

Answer 1

входной границы по умолчанию addedd

вы применяете ширину 100% в вашем входе

применять ширину в calc функции

<div class="padding_10"> 
     <input placeholder="Search for people..." style="width:calc(100% - 2px); border:1px solid #000;"> 
    </div> 

Answer 2

Первый просто чтобы быть уверенным в вашей css находится внутри styletag как

<style> 
.padding_10{ padding: 10px; } 
</style> 

Второй если ваш внутри style tag то просто right click (использование поджигатель) на тег и проверить все styles за это d внутривенно Может быть, некоторые другие стили там так padding не работает