Текст скрыт за пределами границ контейнера

Question

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

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

вот HTML

<div class="container"> 
<div class="itemsection clearfix"> 
     <div class="item"><h1>Rw</h1></div> 
     <div class="item"></div> 

и вот CSS

.item { 
     float: left; 
     margin: 0 0 70px 6.04%; 
     height: $itemsize; 
     width: $itemsize; 
     background-color: #ddd; 
     border: 8px solid #fff; 
     box-shadow: 0 0 20px 0px #ddd; 
     overflow: hidden; 

     h1 { 
      font-size: 7em; 
      margin: 15px 0 0 -28px; 
     } 
    } 

Answer 1

Я получил его на работу. По какой-то причине компас не обновил таблицу стилей, и когда она наконец-то ее полностью разрезала