body {
    text-align: center;
    width: 100%;
}

.shape {
    border: 10px solid #000;
    padding: 1rem;
    width: 100px;
    /* float: left; */
    margin: 2rem;
    box-sizing: border-box;
    display: inline-block;
    /* vertical-align: middle; */
}

.rectangle {
    width: 200px;
    height: 300px;
    background-color: lime;
}

.square {
    width: 200px;
    height: 200px;
    background-color: dodgerblue;
}

.circle {
    width: 200px;
    height: 200px;
    background-color: tomato;
    border-radius: 220px;
}

.shape.circle {
    border-color: red;
}