margin-left 속성

margin-left 속성은 요소의 왼쪽 바깥 여백을 설정합니다. 속성 값은 크기 단위 중 아무 것이나 사용하거나 브라우저가 요소의 여백을 자체적으로 계산하도록 하는 키워드 값 auto를 사용할 수 있습니다.

문법

css선택자 {
  margin-left: 값;
}

예제

블록에 50px의 왼쪽 바깥 여백을 설정해 보겠습니다:

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-left: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

참고 항목