Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Выравнивание элемента (https://javascript.ru/forum/xhtml-html-css/67932-vyravnivanie-ehlementa.html)

exec 21.03.2017 18:58

Цитата:

Сообщение от ksa (Сообщение 447973)
Как вариант...

<div style="background: #ccc; width: 300px; padding: 5px">
  <div style="float: right">►</div>
  <div style="float: left">◄</div>
  <div style="text-align: center">March 2017</div>
</div>

То что нужно, благодарю.

exec 21.03.2017 19:06

А вот для чего все старания: datepicker

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

laimas 21.03.2017 19:38

Цитата:

Сообщение от exec
ну не понимаю я их, хоть убей

А зачем именно это?

<html>
<head>
<style>
.header {
    width: 300px;
    font: 14px Arial;
}
.header span {
    display: inline-block;
    text-align: center;
}
.arrow {
    width: 20px;
}
.month {
    width: 260px;
}
</style> 
</head>
<body>
<div class="header"><span class="arrow">&laquo;</span><span class="month">March 2017</span><span class="arrow">&raquo;</span></div>
</body>
</html>


Ну и это будет полезно знать - http://htmlbook.ru/css/box-sizing

ksa 22.03.2017 08:43

Цитата:

Сообщение от exec
Полчаса сидел с этими флоатами, ну не понимаю я их, хоть убей.

Прочти про них в книжке


Очень толково все рассказано. ;)


Часовой пояс GMT +3, время: 22:26.