테스트 사이트 - 개발 중인 베타 버전입니다

좌우 정렬이 안됩니다. 채택완료

미스터고 10년 전 조회 2,277

</p><p style="font-size: 14.6667px;"><!-- 최신글 시작 { --></p><p style="font-size: 14.6667px;"><div style='float:left' ></p><p style="font-size: 14.6667px;"><a class="twitter-timeline"  href="<a href="<a href="https://twitter.com/tguri1" target="_blank" rel="noopener noreferrer">https://twitter.com/tguri1</a>"><a href="https://twitter.com/tguri1" target="_blank" rel="noopener noreferrer">https://twitter.com/tguri1</a></a>" data-widget-id="615639557808062464">@tguri1 님의 트윗</a></p><p style="font-size: 14.6667px;"><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>          </p><p style="font-size: 14.6667px;"></div></p><p style="font-size: 14.6667px;"><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div></p><p style="font-size: 14.6667px;"> </p><p style="font-size: 14.6667px;"><div style="float:left"><?php echo latest("basic", "B02", 5, 30);?></div></p><p style="font-size: 14.6667px;"><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div></p><p style="font-size: 14.6667px;"><div style="float:left"><?php echo latest("basic", "B02", 5, 30);?></div></p><p style="font-size: 14.6667px;"><div style="float:left;margin-left:20px"><?php echo latest("basic", "B01", 5, 30);?></div></p><p style="font-size: 14.6667px;"> </p><p style="font-size: 14.6667px;"><!-- } 최신글 끝 --></p><p style="font-size: 14.6667px;">

 

정렬좀 부탁드립니다.ㅠ.ㅠ

 

 

1 2

3 4

5 6

이런 형식 또는

1번이 트위터라고 가정하였을 때

1 2

  3

4 5

6 7 등등..

 

이런식으로 하고 싶습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
10년 전

clear:left;

혹은

clear:both;

위의 두가지를 검색해 보세요

 

float:left는 다음 항목을 왼쪽에 가져다 놓는 속성입니다

화면이 좁아지면 아래로 떨어져서 줄바꿈 처럼 보이겠지만

원하는 형식을 취할려면 줄바꿈 항목에 위에서 지정된 float 속성을 해제 시켜 줘야 합니다

 

즉 3번 5번에 clear:left; 를 써줘야 아래로 줄바꿈이 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

미스터고
10년 전
감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인