Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Display only --> <div class="d-flex text-warning gap-1 fs-5"> <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i> <i class="bi bi-star"></i> <small class="text-muted ms-1 fs-6 align-self-center">4.5 (128 reviews)</small> </div> <!-- Interactive (CSS-only radio hack) --> <div class="rating d-flex flex-row-reverse gap-1 fs-3 text-warning"> <label><input type="radio" name="stars" value="5" class="visually-hidden"> <i class="bi bi-star-fill"></i></label> </div>
Result
Open