스케치북 웹진시 2개씩 정렬..

odd /even 을 활용해서 각각 float 을 주던지 하면 왼쪽 오른쪽은 되는 것 같습니다. 그런데 두개가 같은 선상에 배치시켜야 하는 추가작어도 필요해 보이구요....

확인해보니까 50% 주었지만 실제로 가져가는값은 600+4 마진 2씩 좌우에 붙어있어요 그리고 clear:both 가 좌우에 비게 보여주는거라서 clear:none 속성도 주셔야할거에요 그리고 float:left 설정하셔야 옆에 바로 붙는 식으로 margin없이 가능합니다.
width:calc(50% - 4px) float:left clear:none 설정해보세요(마진그대로 냅둔다는가정하에)

first_child 값은 __setting.html 에 있었네요! 두분 모두 감사합니다 :)

모바일이라 자세한 답변은 어렵습니다만...

div { float: left; }
div:nth-child(even) { float: right; }

같은 방법도 있을것 같네요.