булет списка с символом ® кажется приподнятым

[mstdmstd]

Всем привет,
Подскажите, пожалуйста, есть список <ul> со списком li и перед каждым элементом li есть булет.

В тексте одного из элементов есть символ ® и поэтому этот элемент получается более высокий и булет этого элемента кажется более приподнятым по
сравнению с булетами других элементов.
Установка для этого элемента :
 

<li style="line-height:12px;" ><li style="max-height:12px;" ><li style="height:12px;" >

не помогло ...
как это побороть?
 

[Great Rash]

<li>

  <span style="position: relative; top: -10px;">®</span> остальной текст.

</li>

[mstdmstd]

Спасибо , лучше. но не совсем.
там верстка вида :

<li >text...<sup class="sign_reg">®</sup> by...

и стиль

sup.sign_reg {    font-size: 13px;    position: relative;    top: 4px;}

Если установить  font-size: 10px; по булет нормально выравнивается но символ ® очень мелкий

и если font-size: 13px; тот размер симола нормален, но булет идет вверх.
Как это совместить?

[mstdmstd]

Попытка сделать

<li  style="height:10px;"  > 

а также line-height или max-height не помогло...

[SelenIT]

Это из-за тега <sup> (точнее, его дефолтных браузерных стилей), неважно, что в нем. Обычно борются таким методом:

sup {  vertical-align: baseline;  position: relative;  top: -.25em; /* можно подогнать точнее */}

[mstdmstd]

Спасибо !