SOURCE

<div id="box">
    <span>1</span><span>2</span><span>3</span><span>4</span>
</div>

#box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    background-color: pink;
}
span {
    width: 40px;
    height: 40px;
    background-color: white;
    text-align: center;
    line-height: 40px;
    transition: all .5s;
}
span:hover {
    /* background-color: red; */
    transform: scale(1.2);
}