Текст внутри тега привязки не отображается

0

Текст, который у меня есть между тегом привязки, не отображается, и я не знаю, почему. Может кто-нибудь мне помочь?

HTML:

<div id="left">
<a class="links" href="#footer">Yolo</a>
</div>

CSS:

.links{
display:block;
width:100%;
height:30px;
border-bottom:2px solid orange;

padding:10px 0px;

color:red;

}


#left{


background-color:#320E7F;
position:relative;
right:85%;
top:120px;
height:1900px;
width:100%;
z-index:0;

}
  • 0
    его показ в скрипке я попробовал это .. я думаю, что проблема в другом месте!
  • 0
    Выглядит нормально для меня: jsfiddle.net/2cQx3
Показать ещё 6 комментариев
Теги:
text
anchor

2 ответа

0
Лучший ответ

Во-первых, у вас есть незакрытый атрибут: <div id="left>

Во-вторых, ваше right: 85%; толкает div влево, где ваша ссылка, поэтому она выводится из экрана.

См. Исправление здесь: http://jsfiddle.net/2cQx3/2/

Поделиться
  • 0
    да я думаю это причина
  • 0
    Да, технически это видно, но за пределами видимой области.
Показать ещё 4 комментария
0

Удалить position:relative для div. Вам это захочется.

CSS

.links{
display:block;
width:100%;
height:30px;
border-bottom:2px solid orange;

padding:10px 0px;

color:red;

}
#left{ background-color:#320E7F;  right:85%; top:120px; height:1900px; width:100%; z-index:0; }

HTML

<div id="left">
<a class="links" href="#footer">Yolo</a>
</div>

http://jsfiddle.net/2cQx3/1/

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню