Make a Square in CSS

To make a square in CSS set up your div and name is whatever you want to name it. We will give our div a name of square.

<div id="square"></div>

Now all we do is style it in CSS.

<style>#square{width:100px; height:100px;}</style>

You can also give it some background color.

<style>#square{width:100px; height:100px; background:red;}</style>

Make a Square in CSS

Making a square in CSS is pretty simple and straight forward. Set the width and height and give it a background color. Take CSS parts away and add them back to see what they do! That is how to understand and Make a Square in CSS