채택완료
html 2개의 div 화면 오른쪽으로 몰은후 세로로 정렬하기
html 에서 2개의 div를 생성하면 화면 왼쪽으로 해서 세로(수직)로 생성이 됩니다.
이 두 div에 float:right 를 부여하면 오른쪽으로 가로(수평)로 생성이 되고요
혹시 이 두 div를 화면 오른쪽에서 세로로 생성이 되게 하는 방법이 있을까요?
초보라서 잘모릅니다 구글링해도 잘 안나오네요
답변 부탁드립니다
이런 형식으로 구성하고 싶습니다 ㅠ
|
답변 3개
채택된 답변
+20 포인트
sinbi
2021-08-05 (목) 11:18:02
<div style=display:flex;justify-content:flex-end;width:500px;padding:10px;background-color:yellow>
<div>
<div style=width:100px;height:100px;background-color:red></div>
<div style=width:100px;height:100px;background-color:blue;margin-top:10px></div>
</div>
<div>
구글링하셔서 display:flex 와 justify-content 를 한번 찾아 보세요.
예제에서는 클래스나 아이디를 주지 않고 막코딩했습니다.
2021-08-05 (목) 11:04:07
블럭요소라
전체 감싸고 있는 박스에
text-align : right ;
주면 오른쪽으로 붙을거에요.
답변을 작성하려면 로그인이 필요합니다.