ホーム » パソコン » CSS 画像の脇にテキストを天地中央揃えに

CSS 画像の脇にテキストを天地中央揃えに


--- 広告 ---
--- 広告 ---

テスト画像

画像の脇にテキストを天地中央揃えにするテスト。
Spice Streetというホームページの記事を参考にさせていただきました。感謝、感謝でございます。

MSG;
print $test;
?>

上手く表示出来るかな?

テスト画像

画像の脇にテキストを天地中央揃えにするテスト。 Spice Streetというホームページの記事を参考にさせていただきました。感謝、感謝でございます。

#text_gazou_center {
        width: 500px;
        display: table;
        border: 3px solid #999;
        margin-left: 1em;
        margin-right: 1em;
}

.image_center,#text_center {
        display: table-cell;
        vertical-align: middle;
        margin: 0px;
        /display: inline;
        /zoom: 1;
}

.image_center {
        width: 120px;
}
#text_center {
        width: 300px;
}

その他参考にさせていただいたURL
http://plaza.rakuten.co.jp/soleil666/diary/200901050000/
http://plaza.rakuten.co.jp/soleil666/diary/200901270000/
http://ameblo.jp/soleil666/entry-10377393088.html

感謝です。

--- 広告 ---
--- 広告 ---

 

この記事に関連する記事一覧

ホーム

目 次
最近の投稿
--- 広告 ---
--- 広告 ---
お問い合わせ