HTMLでセンタリングができない!CSSを使わずに中央寄せする方法
HTMLでセンタリングしたい場合は
<center>・・・</center>
を使用するのが簡単だと思いますが、
昨日私がトライした時には
どうしても中央寄せになりませんでした。
CSSが使えない環境なので、
どうにかHTMLで画像をセンタリングしたい~!
正直PCやネットなどに特別詳しい訳でもないので
何が原因なのかわかりませんでしたが、
HTMLとCSSを学んだ時に、難しい印象しかなく、
今ではうっすらとしか覚えていない「要素」が
絡んでいるような気がしました。
インライン要素とかブロック要素とか
そういえばたくさんテストにも出て来たなぁ…。
私は失業時代にハロワの職業訓練校の一つ、
全日制のWebデザイン学校で
半年間みっちりと学ばせていただきました。
きっと、あれよ、あれ!
divを使うのでは?
という予想はいい線いっていたのですが、
昔のHTML/CSSの教科書を引っ張り出して来て
悪戦苦闘しましたが、やはり直らず、
たくさんネットサーフィンして
やっと発見しました。
HTMLだけで画像をセンタリングする方法
画像をブロック要素にするために
<div>・・・</div>
で囲うところまでは惜しかったのですが、
その要素に対してセンタリングを命令するには
以下のHTMLでした。
<div style=”text-align:center”>
<img src=”画像のURL” width=”画像の幅” height=”画像の高さ” alt=”画像のテキスト”>
</div>
text-align:center
なるほど~!!お久しぶりです。
これもよく実技テストに出ました。
Webデザインの仕事に就かなかったので
毎日使うこともなく忘れがちですが、
ネットビジネスに携わる際に
完璧ではないにせよHTMLとCSSがわかる、
自分でWebサイトを1から(0から!?)作成した
経験があるというのが、とても役立っています。
しかもネットって本当にすごいです。
ググッた(ネット検索した)だけで、
大抵のことは何でもわかります。
いろいろなサイトを調べて、
久しぶりに少し復習できたのも良かったです。
本当に便利な世の中ですね。
インターネットの時代に生きていられて
私たちはラッキーです。
おすすめ記事
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。