<select class="select">
    <option value="1">Выбрать</option>
    <option value="2" attribute="two">2</option>
    <option value="3" attribute="three">3</option>
    <option value="4" attribute="four">4</option>
    <option value="5" attribute="five">5</option>
    <option value="6" attribute="six">6</option>
</select>
<div class="list"></div>

var select = document.getElementsByClassName('select')[0],
    options = select.getElementsByTagName('option'),
    divList = document.getElementsByClassName('list')[0];

    window.onload = () => {
        for (let i = 0; i < options.length; i++) {
            divList.innerHTML +='<div> Название option:' + options[i].innerHTML+ ' Аттрибут у option:' + options[i].getAttribute('attribute') + '</div>'
        }
    }

Выравнивание текста по ширине

p {
text-align: justify 
}

Чтобы не сливалась кнопка, лучше ей задать фон
Наглядный пример-

.topNubex 
     {
      background-color: green;  // цвет фона
      border-radius: 50%; // радиус углов блока
      padding: 10px; // внутренние отступы
     }