расположение атрибутов Select в карточке товара горизонтально - Управление атрибутами, характеристиками и т.п.

Добрый день, подскажите кто сможет
если есть несколько независимых атрибутов в виде селектов,
1-выберите цвет: -нет; красный; синий
2-выберите размер: -нет; 36; 40; 50
3-выберите вес: -нет; 2кг; 3кг; 5кг

подскажите, как можно отобразить в карточке товара эти атрибуты горизонтально (в переносом на следующую строчку в зависимости от экрана) ->
выберите цвет: нет                выберите размер: нет         выберите вес: нет
                                 красный                                            36                                          2кг
                                 синий                                                 40                                         50

Может можно применить свойство float: left к элементам (или display: inline- block) и задать им margin отступы для "промежутков" -?
или может есть другое правильное решение

заранее спасибо

Можно так как Вы сделали, а можно еще здесь посмотреть - CSS flexbox