отвязка линии

[robo1500]

Пишу код и возникла такая проблема: линия <hr> которая была без отступа от левой стороны, теперь отступает вместе с мини-блоком title, хотя линия <hr> отделена от этого блока. Я хочу чтобы линия рисовалась без отступов слева как мне это сделать?

<div class="title">
	text
	</div>
	<div style="clear: left;"></div>
	<hr style="margin-top: -2px;color:#4D90FE;"/>

это стиль класса title:

.title {

margin-left: 15px;

margin-top: 20px;

float: left;

background: #4D90FE;

padding: 4px;

color: white;

border-radius: 7px 7px 0 0;

}

[npofopr]

потому что margin-top:-2px стоит)

[robo1500]

мне, к сожалению, надо чтобы линия соприкасалась с блоком визуально, но могла тем не менее продолжаться ещё и слева, поэтому есть margin-top.

[npofopr]

Дак поставьте у hr margin-left: 15px; а top: -2 уберите. Или так не выходит?

[robo1500]

не, так не выходит. Я сейчас нашёл выход из ситуации, но мне по прежнему интересно, почему свойство margin-left прописывается и тегу <hr>, хотя я ему ничего не прописывал. Только из-за того что они визуально соприкасаются с помощью margin-top ему автоматически прописывают все свойства данного класса или только связанные с отступами?

Edited October 21, 2012 by robo1500

[npofopr]

С чего вы взяли что оно прописывается? Просто у вас hr из-за top:-2px налазит на блок. Вот и вам кажется, что ему присваивается m-left

[USF]

margin-left: 15px;

это у родителя стоит.

для hr поставьте margin-left: -15px;

почему свойство margin-left прописывается и тегу <hr>, хотя я ему ничего не прописывал.

потому что это матчасть. у родителя отступ а потомки считаются от родителя

Edited October 21, 2012 by USF

[robo1500]

Всё понял. Спасибо что помогли неучу