CSS в Safari/Firefox и Chrome

Question

У меня возникли проблемы с форматированием отступа в Chrome. Я установил, чтобы отступ был -14px, так что текстовые строки вверх. Это отлично работает в Safari и Firefox Developer Edition, но, похоже, не работает в Chrome. Chrome обнаруживает класс и отступ, но ему как-то нужно -30px для правильного выравнивания текста.

Пожалуйста, смотрите раздел «Rubriky» в гармошку для справки:

http://marianrehak.cz/dcd/reseller-magazine-online/

У вас есть какие-либо предложения?

Answer 1

Вам необходимо, чтобы ваше свойство позиции списка располагалось снаружи. Это по умолчанию будет помещать маркеры слева от элементов списка с отступом. Таким образом, list-style: outside; решит это.

.mytest { 
 
    list-style: square outside; 
 
}

<ul class="mytest"> 
 
    <li>bal 1</li> 
 
    <li>bal 2 add her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrapadd her come lot of test so we get line wrap, add her come lot of test so we get line wrap</li> 
 
    <li>bal 3</li> 
 
    <li>bal 4</li> 
 
    <li>bal 5</li> 
 
    <li>bal 6</li> 
 
    <li>bal 7</li> 
 
    <li>bal 8</li> 
 
    <li>bal 9</li> 
 
    <li>bal 10</li> 
 
    <li>bal 11</li> 
 
</ul>