Как сделать квадраты в HTML

An example of a square:

<p class="square" id="red" style="border: solid 2px black; color: red; background-color: red;">Any text you want, i set the text color to the square color so it is not visible</p>
Breakable Bee