Как сделать отступ от блока, а не от левого края?

Question

[De Slow]

jsfiddle.net/fw0mzn91
Почему такой тег, как toptextslider берет отступ от начала экрана слева, а не от какого-либо другого блока?
Как сделать так, что бы он был внутри: #wrapper, и брал отступ именно от его начала?

Answer 1

[Сергей Озеранский]

.toptextslider {
  font-size: 63px;
  font-family: "Myriad Pro";
  color: rgb( 255, 255, 255 );
  line-height: 0.381;
  text-align: left;
  text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 );
  position: absolute;
  left: 439.697px;
  top: 260.207px;
  z-index: 199;
}

left определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента. Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его левого края.
а вот свойство margin (margin-left вам нужен) устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.

Comments

[De Slow]

А если воспользоваться Margin и указать в % будет ли этот тег менятся в разрешении окна браузера?

[Сергей Озеранский]

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

[De Slow]

Сергей Озеранский: спасибо, но если есть возможно, был бы благодарен за помощь с хорошей статьей про адаптивную верстку

[Сергей Озеранский]

Алексей: во-первых https://ru.wikipedia.org/wiki/%D0%90%D0%B4%D0%B0%D...
а дальше смотрите что вам нужно подтягивать конкретно, очень много видео уроков и статей, ориентируйтесь на более менее авторитетные источники.