footer {
    margin-top: 30px;
    padding: 20px 10px;    /* 上下に少し余白を作ると綺麗です */
    font-size: 9px;
    color: #777;
    text-align: center;    /* ★これで文字がセンタリングされます */
    background-color: #fff; /* 背景は白 */
    border-top: 1px solid #eee; /* 上部に薄い線を入れると区切りが明確になります */
}