<section class="demo-section">
<div class="demo-arrow-container">
<div class="demo-arrow">&#x25B2;</div>
</div>
<div class="demo-content">Lorem Ipsum</div>
</section>

.demo-section {
  margin: 2em 0; 
}

.demo-arrow-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center 
}

.demo-arrow {
  position: absolute;
  top: -35px;
  font-size: 40px;
  color: #000000;
} 
  
.demo-content {
  background: #000;
  color: #FFFFFF;
  padding: 1em;
  border-radius: 6px;
}