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.
199606-2022-09-05-13-38-12-forts-game-pc-mac-linux-standa.png

199607-2022-09-05-13-38-12-forts-game-pc-mac-linux-standa.png

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.

MyCenturaHealth

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;
}