switch places with other dropdown menu

Hi everone

I have a ‘products per page’ dropdown menu sitting at the top right of my product archives (shop) page. Next to it, on the left, I also have a ‘sort by’ dropdown menu (CSS: float: right).
I would like these two menus to switch places. I have no idea how to achieve this with coding.
I am guessing I need to group these two elements together by using the <div> tag but I am still new to CSS. Could you please advise?

These two forms below should be switched in order.

<form method=”post” action=”” style=”float: right; margin-left: 5px;” class=”form-wppp-select products-per-page”><select name=”ppp” onchange=”this.form.submit()” class=”select wppp-select”><option value=”16″ selected=””>16 products per page</option>
<option value=”32″>32 products per page</option>
<option value=”48″>48 products per page</option></select></form>

<form class=”woocommerce-ordering” method=”get”>
<select name=”orderby” class=”orderby” aria-label=”Shop order”>
<option value=”popularity”>Sort by popularity</option>
<option value=”date” selected=””>Sort by most recent</option>
<option value=”price”>Sort by price: low to high</option>
<option value=”price-desc”>Sort by price: high to low</option>
<option value=”alphabetical”>Sort by name: A to Z</option>
<option value=”reverse_alpha”>Sort by name: Z to A</option>
</select>
<input type=”hidden” name=”paged” value=”1″>
</form>

The page I need help with: [log in to see the link]