Блок залазит на блок CSS

Тема закрыта by

Mr-Max
Причина: Решено

Есть проблема когда один блок залазит на другой. К большему сожалению в CSS не силен .
Вот див:

css

   .bpanen{ 
 padding: 25px 0 0; 
     text-align: center; 
 } 
 .bpanen a{ 
 color: #5d5d5d; 
     padding: 10px 15px; 
     border: 1px solid #5d5d5d; 
     border-radius: 5px; 
 } 
 .bpanen a:hover{ 
 background: #5d5d5d; 
     color: #ffffff; 
 }

photo_20220422_105041.jpg 73.8 Kb ⬇ 171

Mr-Max , Нужно указать в .bpanen a - свойство display: inline-block;

css

   .bpanen a{ 
       display: inline-block; /* определяем тип отображения элемента, в данном случае это "inline-block" */ 
       margin-bottom: .3rem; /* Добавляем нижний отступ (Если нужно) */ 
        
       color: #5d5d5d; 
       padding: 10px 15px; 
       border: 1px solid #5d5d5d; 
       border-radius: 5px; 
       }

________
посл. ред. 22.04.2022 в 11:27; всего 1 раз(а); by the_lark

бывает

margin: 10px;

Давай я тебе помогу.

Mr-Max , если блок залезает на блок то у них секс

Trec80 (22.04.2022 в 13:42)
Mr-Max , если блок залезает на блок то у них секс

the_lark , норм . Спс