floatで中央寄せにできない

float: left;などで指定している場合、text-align: center;margin: 0 auto;などとしても中央寄せに出来ません。

その場合は、親要素にtext-align: center;を指定し、子要素にdisplay: inline-block;を指定すると、中央寄せになります。

#tabwrap {
    background-size: contain;
    overflow: hidden;
    width: auto;
    min-height: 300px;
    margin: 0px auto 30px;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
}

#li {
    list-style: none;
    display: inline-block;
}