CSS中半星方向的问题

Question

在确定半颗星的方向时，我遇到了麻烦，如您在此screen shot

中所见

我尝试更改课程的direction text-align float，但没有成功

.aiosrs-rating-wrap .aiosrs-star-rating-wrap {
    display: inline-block;
    vertical-align: middle;
}

.aiosrs-rating-wrap .aiosrs-star-rating-wrap ~ .aiosrs-star-rating-wrap {
    float: right
}

.aiosrs-rating-wrap .aiosrs-star-rating-wrap .aiosrs-star-rating {
    color: #ffd700;
}

.aiosrs-rating-wrap .aiosrs-star-rating-wrap:not(.disabled) .aiosrs-star-rating {
    cursor: pointer;
}

.aiosrs-rating-wrap .success-msg {
    color: green;
    margin-left: 5px;
}

.aiosrs-rating-wrap .aiosrs-star-rating-wrap .aiosrs-star-rating.dashicons {
    font-family: dashicons;
}