|
6.4 Кб |
|
| Тень создается с помощью кода:
<div style="background-color: #4a1e22; text-align:center;"><p style="position: relative; top: 0px; font-family:Arial; font-size: 400%; left: 50px; color:#ab5b00;">Пример
<span style="position: absolute; font-family:Arial; font-size:100%; color:#fec414; left:-5px; top:-6px;">Пример</span></p></div>
|
При этом содержимое тега span располагается не по центру, а слева (скриншот).
Кроме того, параметры left: -5px и top: -6px желательно выразить в процентах, но в этом случае код не работает.
Как решить эти две проблемы?
(text-shadow использовать бы не хотелось, поскольку дизайнер сделал очень красивое решение, которое text-shadow не реализует. Да и не со всеми браузерами работает). | |
|
|
|
|
|
|
|
для: Владимир55
(24.11.2013 в 23:15)
| |
<div style="background-color: #4a1e22;"><p style="position: relative; margin:0 auto; width:300px; font-family:Arial; font-size: 4em; color:#ab5b00;">Пример <span style="position: absolute; font-size:1em; color:#fec414; left:0px; top:-6px;">Пример</span></p></div>
|
| |
|
|
|