Можно ли в CSS поднять рамку на несколько символов?

[InterSky]

Если написать:

<style>
A:link, A:visited {
  text-decoration:none;
  border-bottom:dotted 1px #CCC;
  color:#3F5F9E;
  }
</style>
<a href=#>1111111111111</a>

то получим строчку подч?ркнутую пунктиром.

А можно ли поднять этот пунктир на несколько точек выше?

Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня.

Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду.

Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливается с бордером ячеек. А размер ячейки увеличивать нельзя.

[InterSky]

Простите за опечатку в теме сообщения - "поднять на несколько точек" , а не "символов".

[ZooY]

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

[Fu-tai]

Или же играйся с параметром Line-height: тоже вещь полезная!

Но лучше задавать в таких случаях всеже нижнюю границу и с ней играться!