JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
        <div class="product-configure-custom">
            <div class="product-configure-custom-option">Option 2</div>
            <div class="product-configure-custom-option">Option 3</div>
            <div class="product-configure-custom-option">Option 4</div>
            <div class="product-configure-custom-option">Option 5</div>
            <div class="product-configure-custom-option">Option 6</div>
            <div class="product-configure-custom-option">Option 7</div>
            </div>
</div>

CSS

/* .product-configure-custom-option{
float:right;
} */

JavaScript

var start = 2;

$(document).ready(function() {
  $('.product-configure-custom-option').each(function() {
    this.innerHTML = start + '. ' + this.innerHTML;
    start++;
	});
});