Answers for "draw square css html"

how to make a square div in css

.square {
    background-color: #000;
    width: 50vw;
    height: 50vw;
}
.square h1 {
    color: #fff;
}
/* It works */

how to make square in html

index.html:
....
<div class="square_div">
</div>
....
style.css:
.square_div{
  width: <input_width_here>;
  height: <input_height_here>;
  background-color: <input_color_here>;
}