Gortyser

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

Таки тень, что не получилось-то?

Ну, если есть какая-то заданная ширина столбцов, то подойдет table-layout: fixed. Хотя без кода все равно не понятно чего конкретно вы хотите.

Ну так у вас у html и body жестко задана ширина в 800 пикселей. Задайте max-width: 100%.

Таблицы вы используете не по назначению, конечно, но если хочется, то есть table-layout: fixed

Зачем вообще нужен такой огромный<input type="text">?
Для таких целей используют textarea, и проблема с плейсхолдером заодно решится.

Добавьте атрибут download для ссылки.

Так как гадальный шар пока не настроен, то могу предположить, что у блока фиксированная ширина, а текст обрубается из-за css-свойства text-overflow: ellipsis либо каким-нибудь плагином с аналогичным действием вроде trunk8.

Контейнеру, в котором все это лежит:

display: flex;
justify-content: space-between

Потом запихнуть два маленьких блока в еще один контейнер и задать ему:

display: flex;
flex-direction: column;
justify-content: space-between;

Если все так, как у вас написано, а именно

Нажмите чтобы подсветить элемент R31

, то поменяйте class:"tap_R31" на class="tap_R31"

Конкретно как на картинке легче будет сделать каким-нибудь градиентом. В теории.

Лучше padding, ограничивать высоту вообще довольно плохая идея в большинстве случаев.

4 элемента это перебор, конечно. Ведь достаточно всего двух! Ну и изменять :before, :after у них.
Если по-нормальному, то градиентом.

Что-то типа этого