title: If text is outside the border, make it hiddent CSS and HTML
body: <p>i have a round div whit background picture inside it.
  The picture outside the round div is hidden, can i do the same for paragraph text whit css and html only? here is <a href="http://jsfiddle.net/snyguLff/1/" rel="nofollow">JSfiddle</a></p>
  
  <pre><code>&lt;div class="containereye"&gt;
    &lt;div class="eye"&gt;
      &lt;p class="eyetext"&gt;hello&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  .containereye{
    width:200px;
    height:200px;
  }
  .eye{
    box-sizing: border-box;
    box-shadow:0 5px 5px black inset;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-image: url("http://i0.wp.com/himcistka.ru/wp-content/uploads/2015/03/centrifugaphotoshop-e1444999478943fs.jpg");
  background-size: 250px;
  background-position: center;
      -webkit-transition: background-size .5s ease-in-out; /* For Safari 3.1 to 6.0 */
      transition: background-size .5s ease-in-out;
      background-repeat: no-repeat;
  
  }
  .eyetext{
    background:red;
  
  }
  .eye:hover{
    background-size: 350px;
  }
  </code></pre>