Господа програматоры, помогите с css
Помогите надпись в шапке передвинуть влево и ниже!
вот кусок CSS
/* Текст в шапке */ .head_text { padding: 25% 0; position: relative; z-index: 1; } .head_text_in { text-align: top; position: absolute; width: 50%; left: 50%; top: 50%; text-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .head_text_in, .head_text_in * { color: #fff; } .head_text_in > .title { margin: 0; font-size: 2.8em; } .head_text_in > .text { margin: 0; font-size: 1.6em; }
Возможны и другие решения, верстальщик неограничен возможностями и фантазией.
А вообще тебе сюда http://htmlbook.ru/css там всё подробно описано, не нужно быть лентяем.
.head_text_in {
text-align: top;
position: absolute;
width: 50%;
left: 100%; top: 80%;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
left: 100%; top: 80%;