» Проверьте в последней Опере

В 12.17 текст "Point_12000" вылезает за рамку из-за padding-а
Думаю, это мерзавчик от самой Оперы. Кому не лень, проверьте, пожалуйста, в последней версии.

Код: <style>
div { float: left; border: solid red 1px; text-align: center; }
div > a:nth-of-type(-n+3) { display: block; border: solid blue 1px;
padding: 5% 10%; /* !!! */
text-align: left; font-size: 150%; }
</style>
<div>
<a href="">Point 1</a>
<a href="#1">Point_12000</a>
<a href="#2">Point 123</a>
<a href="#3">Point</a>
</div>

stupom
ну так создали бы страницу на jsfiddle, к примеру, и дали бы ссылку.

Я не умею этим пользоваться, а разбираться лень, тем более, в подобных системах м.б. интерференция CSS, если код не отображается через фрейм. В Опере всё гораздо проще: открыть код текущей страницы и заменить проверяемым.

Добавлено:
https://jsfiddle.net/9bxyh4bg/1/
Блин, этот фиддл у меня в Опере сам криво отображается %-0

stupom
и в хроме и в опере (движок то один и тот же) оно вылазит до правого клика мышью на нем
проблема связана, скорее всего, с плавающим дивом

так не пойдет ?)
https://jsfiddle.net/9bxyh4bg/2/
правда по правому клику оно расползется.. явный глюк движка, похоже

ps: скажите что именно нужно, возможно можно реализовать иначе

Спасибо за проверку, но костылирование не люблю, тем более, можно лихо напороться в правильно работающих браузерах или когда ошибку исправят.

Оставлю это как пример для троллинга дизайн сайта-визитки DIV vs TABLE 8-)

Правда таблицы кажется плохо плавают.

stupom

Цитата:

Оставлю это как пример для троллинга DIV vs TABLE 8-)

так что вы хотели сделать? вот пример, где не плывет правой кнопкой
https://jsfiddle.net/9bxyh4bg/3/

Есть две цели: минимизация кода страницы и оформление только в CSS.

И меня давно раздражает, если оформлять кнопки отдельным тегом (завернуть ссылку в другой тег), то клик мимо текста не будет приводить к переходу по ссылке.

stupom

Цитата:

если оформлять кнопки отдельным тегом (завернуть ссылку в другой тег), то клик мимо текста  не будет приводить к переходу по ссылке.

ul a {display: block;}
тогда не будет снизу и сверху, но решается пэддингом

Спасибо, не думал.

Первоначальная проблема, вероятно, глюк движка, ИЧСХ проявляется только если padding задавать процентами, попробовал пикселями и миллиметрами - всё растягивается правильно, не вылезает. Хотя, с точки зрения адаптивности, пиксели - это минус.

Возникла мысля, а чё-так нету метров-километров?