【CSS】見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方 | バシャログ。

暮らしカテゴリーの変更を依頼記事元:

bashalog.c-brains.jp

50users がブックマークコメント

コメント

7

記事へのコメント7件

注目コメント
新着コメント

takets <h1>とかヘッドタグの横に文字を追加したいときの方法

css
html

2018/06/12 リンク

bitgleams ネガティブマージン

2012/08/23 リンク

ku_marin h要素＋p要素を横並びにする時、ネガティブマージンを使うやり方

css

2012/08/22 リンク

tsutomura ネガティブマージンを使ったフロートっぽい表現

css
***

2009/03/19 リンク

shirotorabyakko p を「text-align: right」で右寄せにして、上部のネガティブマージンで無理やり h2 に並べています

CSS

2009/03/17 リンク

aru-san なるほどー

2009/03/17 リンク

kkeisuke ネガティブマージン

2009/03/10 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

【CSS】見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方 | バシャログ。

上記の画像のように、見出しのタイトルに更新日などの情報を並べて表示する、というデザインがよくあり... 上記の画像のように、見出しのタイトルに更新日などの情報を並べて表示する、というデザインがよくあります。実現方法は色々ありますが、CSS でどのように実現するのが簡単でしょうか。例えば、HTML は以下です。 <div id="press-release"> <h2>プレスリリース</h2> <p class="update">2009年03月09日更新</p> </div> 良く見かけるのは h2 と p をそれぞれ「position:absolute」で左と右に配置するもの、もしくは h2 を「float:left」、p を「float:right」にする方法です。どちらを使うにせよサンプルの HTML のように h2 と p を div で囲う必要があり、CSS も長くなりがちです。以下の方法が最も楽チンだったりします。 HTML

ブックマークしたユーザー

takets2018/06/12
bitgleams2012/08/23
ino05152012/08/22
mie_nyan2012/08/22
k_ume752012/08/22
lion_73262012/08/22
showheymf022012/08/22
HRD-u12012/08/22
ku_marin2012/08/22
shimpei12102012/03/11
teamatworks2009/11/11
webmaker-9092009/10/01
akiyoko2009/09/11
jetta_swingin2009/09/01
toshiz2009/07/15
sorosoronemui2009/07/11
rochefort2009/04/17
pitschi332009/03/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx