Опитвам се да оставя „задния” div с 30px, но без да натискам „head” div от центъра. Кант изглежда се оправя. http://jsfiddle.net/bZeD9/
<div class="header top">
<div class="back"><</div>
<div class="head">HEADER HERE</div>
</div>
.header {
background: none repeat scroll 0 0 #4A4A4A;
text-align: center;
color: #F1F1F1;
line-height: 45px;
padding-top: 3px;
font-size: 20px;
font-weight: 100;
}
.back {
float: left;
}
Отговори:
5 за отговор № 1употреба position:absolute
.back {
position:absolute;
left:30px;
}
0 за отговор № 2
Задайте позиционирането му на относително и добавете наляво: 30px;
.back {
float: left;
position: relative;
left: 30px;
}
http://jsfiddle.net/jeffshaver/bZeD9/4/
0 за отговор № 3
добави
padding: 3px 30px 0;
към css за .header
Тогава ще имате подплънки както отдясно, така и отот лявата страна, така че ако по някаква причина бихте сложили нещо в десния край на горен дял div, това автоматично ще позиционира 30px и от ръба. Също така добавих 3px към върха, тъй като u вече има това, така че можете да премахнете padding-top
.
Обикновено по-скоро използвам този вид решение, а не абсолютно позициониране, което също работи, но е по-статично и ми е по-трудно да поддържам и променям, това е моето лично мнение.