div.box {
  --s:450px; 

  height: var(--s);
  width:  var(--s); 
  clip-path: polygon(0 50%,50% 100%,100% 50%,50% 0);
  background: #333;
  color: #f00;
  margin: auto;
  font-size: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 50px;
}



.box i {
  shape-outside: conic-gradient(from 225deg at 100% 50%,transparent 90deg,#fff);
}

<div class="box">
  <i></i> 
  Lorem ipsum dolor sit amet, eget orci, tinci dunt place rat in sociis. Pel lentes que ultri cies. Lorem ipsum dolor sit amet
</div>