Ankhena

https://codepen.io/poylar/pen/qBXzWER

Не нужно делать круг картинкой, его можно сделать через css,

На скорую рука как-то так:


- Чтобы кнопка стала внизу, помещаем её в контейнер равный двум строкам, а саму кнопку делаем в одну строку
- Чтобы верхняя строка не перекрывалась контейнером используем shape-outside с помощью которого обрезаем высоту верхней строки у самого контейнера
- Чтобы контейнер стал обтекаемым используем float

submit ничего не скролит, он отправляет форму. Когда форма отправляется - страница перезагружается.
Т.е. как костыль ты можешь запоминать перед submit координаты скролла(напр. в localStorage) и при загрузке скроллить по ним.

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

2.1E-6 == 2.1×10^-6 == 0.000021
Что, по вашему, должно получаться при округлении до целого?

Задачка, конечно, очень смешная.
И как всегда - на арифметику

Шкала у нас нелинейная, первый шаг 100 единиц, последний - 2000.
Но при этом для вычислений мы берём не позицию шага, а его значение.
Ну и разумеется получаем то, что получаем.
250 от 3000 - это никакие не "примерно 50 единиц", а примерно 8 процентов. Вот эти 8 процентов вам и показывает.

Длина отрезка при разбивке на 5 частей будет 20%
И вот 8 от 20 как раз и составляет те самые "примерно 50" процентов длины первого отрезка :)

Выше товарищ правильно пишет про отладку.
Но отладка в обязательном порядке состоит из двух вещей:
1. Надо понимать, что делает твой код. В частности, иметь представление, какое значение каждая переменная должна иметь на каждом этапе.
2. Запускать код, выводя промежуточные результаты, и сравнивая их с ожидаемыми.

Без п.1 заниматься отладкой бессмысленно.
Именно поэтому для программиста очень важно понимать, как работает его код. Иначе он просто не сможет его отладить.

Через css переменные можно.

<div class="item" style="--color:black;">
     <h1 class="subtitle">lorem 2</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa aut a placeat, illum suscipit, consequatur officiis veritatis adipisci incidunt sapiente repellendus consequuntur. Enim architecto harum, doloribus illo veritatis omnis facilis.</p>
  </div>

https://jsfiddle.net/0tynwegm/

Yopernii театр...
1. У тебя там input checkbox - он текст не отображает/не хранит и т.д..
2. Соответственно если хочешь input text, то не innerHtml, а value

3.
4.Если все же есть желание именно checkbox, то вот - просто добавь label

Вопрос оказался не так прост, как кажется. Действительно, в РНР нет функции, которая округляет дробные числа в меньшую сторону.
Так что остаётся только решение, предложенное Ankhena в комментариях:

floor(758.66318000*10)/10;

Так же, универсальное решение приведено в пользовательских комментариях к функции round() (я, правда, позволил себе его немного подредактировать):

function round_down($number, int $precision = 2)
{
    if  ($precision === 0) {
        return floor($number);
    }
    $fig = pow(10, $precision);
    return round(floor($number * $fig) / $fig, $precision);
}

(round() в конце на всякий случай, если вдруг деление вернет не 8, а 7.9999999, как это бывает с дробными числами)

Зачем вам javascript?