Best way to center iframe on your web.

lemonade 에서는 ifrmae 을 통해 유튜브 비디오를 가져온다.

iframe은 div 안에 있는데, div 안에는 pre라는 텍스트 태그도 있다. 그 태그의 width가 글에따라 달라지기 때문에 div의 width도 일정하지 않음. max-width를 줄 수도 있지만 억지로 줄바꿈이 되게 하긴 싫었다.

그래서 bestway는

<p align="center"><iframe src="http://www.google.com/" width=500 height="500"></iframe></p>

P로 감싸서 align="center"를 주는 것이다.

댓글을 보니 이방법은 더이상 사용(?)되지 않지만 작동은 된다.

css를 이용하려면 p에 text-align:center 을 쓰면 결과물이 같다.

이게 더 나은 듯 하다.

출처:
https://stackoverflow.com/questions/8366957/how-to-center-an-iframe-horizontally

이 방법에 대한 댓글들

• I thought the align attribute was deprecated? Why should the OP use this approach instead of using CSS - what's the advantage?

• style="text-align:center" isn't deprecated and would do the same job

• even though it is depreciated, this works, while everything else does not.

• This works in the HTML file and thus is easier for newbs like me to impliment. I just did it in 2017 so it must not be depreciated. Thanks for the tip!