How to fill in a space between 3 objects?

So I have 3 points, and they’re placed in positions that, if they were all joined up, would make a triangle. what I want to do, is fill in that space in the middle. Here are some pictures that explain it better.


Here is a nice tutorial on how to create a custom mesh yourself. It should suit your needs almost perfectly as you will be creating triangles in the first place.


You can do this with Flexbox and justify-content: space-between.

.content {
display: flex;
justify-content: space-between;
max-width: 400px;
margin: 0 auto;
background: #A0C5E8;
padding: 10px 0;

span {
width: 50px;
height: 50px;
background: black;