@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");


.menu1 ul {
    display: flex;
    flex-direction: row;
}

.menu1 li {
    display: flex;
    width: 180px;
    height: 180px;
    margin: 5px;
    background-color: #999;

}

.menu1 div {
    width: 50px;
    height: 50px;
    background-color: orange;
}

.element1 {
justify-content: start;
}
.element2 {
    justify-content: center;
}
.element3 {
    justify-content: end;
}
.element4 {
    justify-content: start;
    align-items: center;
}
.element5 {
    justify-content: center;
    align-items: center;
}
.element6 {
    justify-content: end;
    align-items: center;
}
.element7 {
    justify-content: flex-start;
    align-items: end;
}
.element8 {
    justify-content: center;
    align-items: end;
}
.element9 {
    justify-content: flex-end;
    align-items: end;
}