Как добавить нижний отступ в span

0

Получил ссылку, которая получила интервал, внутри этого диапазона я из jquery добавлю несколько новостей. Но я хочу, чтобы он был меньше и с небольшим количеством дополнений, поэтому он выглядит как уведомление о приложении?

Это код, который я получил:

<a id="menyNavOptions" href="nyheter.php" >Nyheter<span style="margin-bottom: 30px; font-size: 0.8em;font-weight:bolder ; color: #ff0000!important; line-height:0.3em;" id="outPost"></span></a>

Таким образом, я ищу, это ссылка с номером в верхнем правом углу

благодаря

  • 0
    Можете ли вы объяснить больше, это похоже на уведомление в приложении с изображением или что-то еще
Теги:

3 ответа

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

display:block не поможет, потому что он будет иметь полную ширину (100%). Использовать display:inline-block;

http://jsfiddle.net/M5TKv/

Но я не уверен, будет ли Padding bottom делать то, что вы хотите.

Я думаю, вы хотите это сделать:
http://jsfiddle.net/M5TKv/1/

Поделиться
  • 0
    Я обновил скрипку
0

Попробуйте добавить отображение: встроенный блок в CSS и он должен вести себя так, как вы ожидаете :)

Но я предпочел бы использовать позицию относительно ссылки и абсолютную позицию на пролете.

.linkclass {
    position: relative;
}
.spanclass {
    position: absolute;
    top: -10px;
    right: 0;
}
Поделиться
  • 0
    Это только заставило остальную часть навигации пропустить линию
  • 0
    Обновлен, имеется ввиду inline-block. Сожалею.
Показать ещё 1 комментарий
0

Добавить display: inline-block; float: right; display: inline-block; float: right;

Поделиться

Ещё вопросы

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