Разделитель в HTML

@rus_phantom · Регистрация: 31.03.2011

Author24 — интернет-сервис помощи студентам

Хочу сделать страничку с текстом, слево от которой будет разделитель и за ним две кнопки расположенные сверху вниз:

HTML5

<div>
    <div data-bb-type="label" id="story" style="float:left;">Default Story</div> <!-- LABEL -->
    <div align="right" style="border-right: 10px solid gray;">
        <div><button type="button" onclick="alert('Hello world!')"><img src="https://www.cyberforum.ru/images/rate_up.png" style="vertical-align: middle"></button></div>
        <div><button type="button" onclick="alert('Hello world!')"><img src="https://www.cyberforum.ru/images/rate_down.png" style="vertical-align: middle"></button></div>
    </div>
</div>

Однако у меня отображается разделитель уже за кнопками, а не перед ними:

Комментарий модератора

Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251

@galaid · 18.06.2013, 23:28

Сообщение от rus_phantom

Однако у меня отображается разделитель уже за кнопками, а не перед ними:

может надо писать не border-right, а border-left?

@rus_phantom · 19.06.2013, 00:12 **[ТС]**

Тогда получается вот так, что тоже не красиво:
http://f14.ifotki.info/thumb/b... 246381.png

@Lovrentiy · 19.06.2013, 12:08

Задайте второму див-у в котором кнопки ширину кнопка+5-20 px, позиционрование по правой стороне float:right и бордер слева, тогда будет нормуль.

@galaid 289 / 34 / 6 Регистрация: 20.09.2011 Сообщений: 464
	18.06.2013, 23:28	2
	Сообщение от rus_phantom Однако у меня отображается разделитель уже за кнопками, а не перед ними: может надо писать не border-right, а border-left? 0

@rus_phantom 7 / 7 / 3 Регистрация: 31.03.2011 Сообщений: 69
	19.06.2013, 00:12 [ТС]	3
	Тогда получается вот так, что тоже не красиво: http://f14.ifotki.info/thumb/b... 246381.png 0

@Lovrentiy 162 / 162 / 11 Регистрация: 07.09.2011 Сообщений: 995
	19.06.2013, 12:08	4
	Задайте второму див-у в котором кнопки ширину кнопка+5-20 px, позиционрование по правой стороне float:right и бордер слева, тогда будет нормуль. 0