<div class="circle">
  <div class="circle__content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam imperdiet fringilla lacinia. Proin luctus mi tellus, ut luctus nibh auctor et. Morbi ac condimentum diam, in blandit sapien. Nullam facilisis enim eu lectus tempor, ac lobortis ligula lobortis. Donec efficitur, tortor in ultrices ultricies, sem urna luctus enim, vitae interdum purus odio non elit. Vestibulum eget tortor rutrum, gravida orci ac, lacinia neque. Phasellus tristique nisi sed iaculis fringilla. Sed eget varius mauris. Curabitur eget rhoncus mauris. Etiam quis magna sed purus vulputate viverra. Ut ornare pulvinar tellus. Vestibulum bibendum molestie dui, ut facilisis ex blandit vitae. Nunc in est a est aliquam congue. Sed hendrerit tincidunt quam eu varius. Sed ornare, nisi eget fermentum gravida, diam leo commodo sapien, sed facilisis erat tortor in diam. Nam viverra est non libero tincidunt, efficitur ornare mi eleifend.
  </div>
</div>

.circle{
  position: relative;
  width: 300px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rebeccapurple;
  color: #fff;
  &::before{
    content: '';
    display: block;
    padding-top: 100%;
  }
  &__content{
    position: absolute;
    top: 0;
    left: 0;
    padding: 50px;
    text-align:center;
  }
}