Текст выходит за границы блока CSS

.block{
    /*скрыть элемент, если выходит за блок*/
    overflow:hidden;
    width:410px;
    height: 30px;
    background-color:rgb(246, 255, 143);
}
.element{
    /*запрет в блоке перенос элемента на следующую строку*/
    white-space:nowrap; 
}
.element div{
    width:120px;
    display:inline-block;
    background-color:orange;
    color:white;
    border:2px solid rgb(110, 109, 107);
    }

<div class="block">
        <div class="element">
           <div>Текст 1</div>
           <div>Текст 2</div>
           <div>Текст 3</div>
           <div>Текст 4</div>
        </div>
     </div>

Демонстрация работы: