Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов. Позиционирование элементов определяется правилом position это правило чем то похоже на display, оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов "залипающих" на экране. static Это позиционирование элементов по умолчанию. Оно подразумевает, что элементы идут друг за другом согласно блочной модели...

Допустим у нас есть кружок - <div class="circle"></div> . А внутри него стрелочка - <div class="arrow-in-circle">></div> А в общем вот так: <div class="circle"> <div class="arrow-in-circle">></div> </div> И чтобы сделать как на картинке задаём стили: ...