Как условно отменить текстовый отступ в теге абзаца

Есть несколько способов сделать это. Либо переопределив поля или отступы (см. ссылку на редактирование 3), установив отступ равным 0, либо, как я предпочитаю, используя элемент div шириной 100% для вашего контента и перемещая его влево.

<div style="float:left; width:100%;">
     <a style="float:left">stuff</a>
</div>

Изменить: он также должен исправить этот текст, имеющий одну строку рядом с вашим якорем. Если вы действительно хотите, чтобы текст располагался справа от вашего баннера, вы можете удалить div и просто разместить привязку слева.

Я действительно предпочитаю использовать Divs, потому что он очень гибкий и позволяет вам действительно устанавливать или удалять пустые пробелы, как вы хотите.

Редактировать 2: я даже сделал изображение краски, чтобы показать вам разницу. :)

Редактировать 3: Чтобы ответить на ваш новый вопрос, вот ссылка, которая объясняет почти все о каскадном порядке.

http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css

В основном побеждает самый большой вес. Если оба имеют одинаковый вес, последний всегда выигрывает. (То, что придет последним, вступит в силу.)

По порядку: стиль добавляется прямо к элементу > таблицы стилей > по умолчанию

Внутри таблиц стилей, #id > .class > element

Если таких будет несколько, победит последний из них.

Редактировать 4: извините, я ошибся во втором предложении в своем ответе. Я отредактировал его.

Вам просто нужно добавить это в свой якорь

margin-left:0px;
margin-bottom: 0px;
margin-top: 0px; 

чтобы убрать маржу.

Каскад CSS

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

1. !important modifier
2. Dynamically-applied styles using JavaScript
3. Inline styles specified using the style attribute
4. Specificity of the selector (higher specificity wins)
      (a)  #id                                 (100 points each)
      (b)  .class, :pseudo-class, [attribute]  ( 10 points each)
      (c)  element, ::pseudo-element           (  1 point each )
      (d)  *                                   (  0 points each)
5. Whichever one appears last

Стиль с наивысшим приоритетом применяется последним. При ничьей побеждает тот, кто появляется позже в коде.

Это небольшое упрощение, но оно должно передать основную идею. Подробнее:

• Класс, псевдокласс или атрибут превосходят любое количество элементов или псевдоэлементов.
• Идентификатор превосходит любое количество классов, псевдоклассов или атрибутов.
• Встроенный стиль, установленный с помощью статического HTML или JavaScript, превосходит любое количество идентификаторов.
• И самое главное, стиль с модификатором !important превосходит любой стиль без него.

Конкретные примеры

                 formal         informal
selector         notation       notation
---------        --------       --------
* {}             0,0,0,0        0000
div {}           0,0,0,1        0001
.a {}            0,0,1,0        0010
#a {}            0,1,0,0        0100
div#a.b.c {}     0,1,2,1        0121

Также специфичность встроенного стиля составляет 1000 баллов (1,0,0,0).

text-indent: 0px;

Свойство CSS.

Отрицание этого значения и использование его для padding-left или margin-left ссылки даст желаемый результат.

<p style="text-indent:40px;">
    <a hre="#" style="margin-left:-40px;" onclick="this.style.display='none';">Un-indent</a> blah blah blah blah blah</p>