I’m trying to make a settings page with HTML and CSS. The single settings have a label on the left side and an interactive element / multiple interactive elements on the right side.

I don’t know which HTML tag is best for the single settings with the label on the left and the interactive elements on the right.
I also don’t know how I can semantically correct group and label the interactive counter element (plus and minus button and span for current value).

I don’t want to use only divs for grouping elements, but I’m not sure what the correct HTML tags for this use case are.

My HTML written:

<section>
  <h1>Settings</h1>

  <div>
    <span>Automation</span>
    <button>Start automation</button>
  </div>
  <div>
    <span>Number of votes</span>
    <div>
      <button>-</button>
      <span>5</span>
      <button>+</button>
    </div>
  </div>
  <div>
    <span>Max votes on card</span>
    <div>
      <button>-</button>
      <span>3</span>
      <button>+</button>
    </div>
  </div>
</section>

I tried to write semantically correct HTML for my settings but I’m struggling to find the correct tags etc.