Используйте css для размещения элемента в центре, но со смещением

Question

У меня есть ссылка с изображением позади нее, изображение должно быть в центре.Мне нужно расположить ссылку И изображение так, чтобы они были в горизонтальном центре, но смещены влево на несколько пикселей.

У меня есть сайт с фиксированной шириной, который центрируется по центру страницы,эти ссылки должны находиться в одном и том же месте независимо от разрешения экрана.

Вот чертеж ascii, который поможет объяснить, что я имею в виду:

 ___________________________________
|           |           |           |
|           |           |           |
|           |           |           |
|           |<>         |           |
|           |<>         |           |
|           |<>         |           |
|           |           |           |
|           |           |           |
|           |           |           |
|___________|___________|___________|

Центральная часть находится там, где находится сайт.

<> - это ссылка с изображением позади нее (через css).

Сайт имеет фиксированную ширину в центре, как и выше.Как разместить элементы ссылки и изображения, как указано выше?

Ссылки должны выглядеть следующим образом:

 ______________
<_____Text_____>

с текстом по центру как по вертикали, так и по горизонтали.

Спасибо за вашу помощь!

Answer 1

Вы можете использовать технику мертвая точка , чтобы делать то, что вы хотите. Если вы посмотрите на источник, вы увидите, что вы можете использовать <div id="content"> для позиционирования ссылок по мере необходимости со смещением.

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