Зазор между двумя divs

Question

Я столкнулся с этой проблемой, где есть gap между двумя тегами div. Вот мой код. Я попытался вручную перезаписать поле/дополнение, связанное с двумя div, и похоже, что это не помогает.

Вот что CSS выглядеть

.left_block{ 
    display: inline-block; 
    background-color: blue; 
    width:40%; 
    height: 2em; 
    margin: 0px; 
    margin-right: 0px; 
    padding-right: 0px; 
    border-width: 0px; 
    overflow: hidden; 
} 

.right_block{ 
    margin: 0px; 
    display: inline-block; 
    background-color: red; 
    width: 59%; 
    height: 2em; 
    margin-left: 0px; 
    padding-left: 0px; 
    border-width: 0px; 
    overflow: hidden; 
} 

Вот HTML часть

<div class="playground"> 
     <div class = 'left_block'></div> 
     <div class = 'right_block'></div> 
... 

Что мне не хватает?

Answer 1

Что относительно использования float недвижимости? Будет ли проблема с вашим css?

.left_block { 
 
    display: inline-block; 
 
    background-color: blue; 
 
    width: 40%; 
 
    height: 2em; 
 
    margin: 0 auto; 
 
    padding: 0; 
 
    float: left; 
 
} 
 
.right_block { 
 
    display: inline-block; 
 
    background-color: red; 
 
    width: 60%; 
 
    height: 2em; 
 
    margin: 0 auto; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    float: left; 
 
}

<div class="playground"> 
 
    <div class='left_block'></div> 
 
    <div class='right_block'></div> 
 
</div>