Как реализовать выпадание за круг?

<div class="circle">
  <h1>
1. Одна
</h1>
<p>
Текст выходить за круг, Текст выходить за круг, Текст выходить за круг
</p>
</div>

.circle{
  width:350px;
  height:350px;
  position:relative;
  padding:50px;
}
.circle h1, .circle p{
  position:relative;
  z-index:1
}
.circle:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  background: #bfbfbf;
  border-radius:150px;
  z-index:0;
}