Как выровнять checkbox по левому краю?

Question

[KseniaMuzh]

Не могу применить стиль для input type=“checkbox”
Все стили для input прописаны в css через селектор тегов input{…} хочу применить стиль именно к checkbox, что в css, что в теге style не видит
Прописываю:
input [type=“checkbox”]
{float: left;}

Comments

[Ankhena]

Если у вас в коле кавычки такие же как тут, то и не будет работать. Поставьте нормальные двойные.

[shmatuan]

Ankhena, И убрать пробел в input [type

[KseniaMuzh]

Ankhena, по синтаксису там всё в порядке, просто с телефона так ставит. Я, к сожалению, не знаю, как вставить сюда код…
К импуту без типа все работает хорошо, а вот именно к этому тегу нет

[Ankhena]

KseniaMuzh, сюда код вставляется через специальный тег. Благо в редакторе всего 9 кнопок.

Но лучше делать песочницы с видимой проблемой на jsfiddle.net или аналогах.

Потому что, если с кавычками и пробелом норм, то должно работать. В ответах даже есть демка. Не очень верная с точки зрения семантики, но не суть, стили в ней работают.

[Ankhena]

shmatuan, да и пробел

[KseniaMuzh]

Ankhena, с пробелом уже понятно. Спасибо, буду разбираться

Answer 1

[shmatuan]

Можно пример кода, потому что так это вполне работает: https://codepen.io/shmatkoandrey/pen/PojzMxd

P.S. А лучше это сделать через flexbox

Comments

[KseniaMuzh]

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

[shmatuan]

KseniaMuzh, Тогда точно нужен код, возможно проверить поменяв цвет, шрифт, размер что оно вообще заходит в стиль.

Возможно это можно сделать через

<label> <input="checkbox" /> long long text </label>

Возможно через dispay: flex

[KseniaMuzh]

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