<div class="star-rating">Star Rating:
<div class="starOne">&#x2605;</div>
<div class="starTwo">&#x2605;</div>
<div class="starThree">&#x2605;</div>
<div class="starFour">&#x2605;</div>
<div class="starFive">&#x2605;</div>
</div>

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.star-rating {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
}

.starOne, .starTwo, .starThree, .starFour, .starFive {
  position: relative;
  top:-5px;
}

.starOne, .starTwo, .starThree {
  color: #e9c46a;
}

.starFour, .starFive {
  color: #333;
}

.starFour:before {
    content: '\2605';
    position: absolute;
    display: flex;
    color: #e9c46a;
    margin-left: 0;
    width: 26px;
    overflow: hidden;
}