Как сделать фиксированную ссылку, которая не будет сливаться с основным текстом?

Question

[olkhovich]

Есть задание сделать электронную книгу в браузере с помощью HTML. Мне нужна фиксированная гиперссылка, которая будет возвращать к оглавлению.
Вот как сделал я:

.topNubex 
     {
      position: fixed;
      right: 45px;
      bottom: 45px;
	   }
...
<div style="height:30px"></div>
	   <a href="#m00" title="Вернуться к началу страницы" class="topNubex">Вверх</a>

Проблема в том, что в некоторых места она сливается с основным текстом.

Основной текст нужно обязательно выровнять по ширине!
Как можно переделать?

Comments

[Дмитрий Карпов]

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

Answer 1

[Vaniljs]

Выравнивание текста по ширине

p {
text-align: justify 
}

Чтобы не сливалась кнопка, лучше ей задать фон
Наглядный пример-

.topNubex 
     {
      background-color: green;  // цвет фона
      border-radius: 50%; // радиус углов блока
      padding: 10px; // внутренние отступы
     }