ブログに貼ったYoutube動画のセンタリング、文字の回り込み | 笹ちゃんのインターネットヒストリー

笹ちゃんのインターネットヒストリー

インターネットについてのあれこれと自分のための備忘録



今回は、全編がいい加減で非推奨な邪道の設定なので、
正式なルールに沿った、正しい設定をしたい方は、
他をあたってみてねm(_ _)m


さて、ブログにYoutubeを貼りたいと思って
埋め込みソースを貼ると、
何もしなければ、以下のように左寄せになります。



でも、これだとバランスが悪くて、
カッコ悪いときがあるので、
いい加減な非推奨タグ(汗)で
センター合わせ(センタリング)します。


これは埋め込みコードを<center>~</center>で囲んで
以下のようにしちゃうんですが、
これは非推奨と言われていて、
そのうち使えなくなるタグかもしれないので、
自己責任でお願いします。↓↓↓
<center><iframe width="300" height="169" src="https://www.youtube.com/embed/yon6yGyP0bI" frameborder="0" allowfullscreen></iframe></center>

次に左に寄せて文字を回り込みさせたいときですが、
取りあえず埋め込みコードを
<div style="float:left">~</div>で囲んじゃうと、
できることはできます。

貼ったのは以下。
<div style="float:left"><iframe width="300" height="169" src="https://www.youtube.com/embed/yon6yGyP0bI" frameborder="0" allowfullscreen></iframe></div>

でも、回り込んだ文字が動画にくっついちゃって、
カッコ悪いですよね。

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

なので右パディングを指定します。
ま、たぶん、これも邪道ですw
<div style="float:left;padding-right:8px;"><iframe width="300" height="169" src="https://www.youtube.com/embed/yon6yGyP0bI" frameborder="0" allowfullscreen></iframe></div>

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

パディングの値を増やしてみます。
<div style="float:left;padding-right:40px;"><iframe width="300" height="169" src="https://www.youtube.com/embed/yon6yGyP0bI" frameborder="0" allowfullscreen></iframe></div>
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

どれも「やってみたらできた」レベルなので、
なんでマージンじゃなくパディングなのかわかりません。
また、ブログやWordPressのテンプレートは、
最初から色々な設定がスタイルシートで定義されているので、
やってみて、できなくても、なぜかわからないし、
責任も取れませんが、邪道でもいい、という人は、
お試しください。