Как сдвинуть кнопку в html

Если вам нужно расположить кнопку справа относительно родительского блока, то например так:

<button class="button-td" style="float: right">
    test
</button>

Но такой подход для позиционирования элементов применяется все реже, в частности из-за непредсказуемого поведения и сложности поддержки. Более гибкий способ - flex. Один из способов решить проблему с их помощью:

<div class="wrap" style="display:flex; flex-direction: column; width: 100%;">
  <button class="button-td" style="align-self: end">
        test
    </button>
</div>

Наимение энергозатратный вариант - это обернуть <button></button> в <div></div> и <div></div>задать свойство text-align: right;

.wrapper {
text-align: right;
}

<div class="wrapper">
<button>топ демонов</button>
</div>