表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


http://jugemtemplate.jugem.jp/?tid=9:書式確認用 3

http://jugemtemplate.jugem.jp/?tid=9:書式確認用 3
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆをらりるれろん
  • あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆをらりるれろん
  1. あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆをらりるれろん

あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆをらりるれろん

HTML
<h6 title="「あいうえおです」"><p>あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆをらりるれろん</p></h6>
CSS
h6 {font-weight: normal;}
h6[title]:before {display: block;float: left;content: attr(title);}
h6 p {overflow:hidden;}

今日はいいお天気でしたね明日の天気はどうでしょう?

今日はいいお天気でしたね明日の天気はどうでしょう?今日はいいお天気でしたね明日の天気はどうでしょう?今日はいいお天気でしたね明日の天気はどうでしょう?

HTML
<div class="titleLabel" title="こんにちは"><p>今日はいいお天気でしたね明日の天気はどうでしょう?</p></div>
CSS
div.titleLabel {margin: 0px 0px 5px 0px;}
div.titleLabel[title]:before {
color:#ff6600;
background-color:#f5f8ff;
text-align: center;
margin-right:10px;
padding: 0px 0px 0px 0px;
width: 86px;
display: block;
float: left;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
content: attr(title);
}
div.titleLabel p {overflow:hidden;}

今日はいいお天気でしたね明日の天気はどうでしょう?今日はいいお天気でしたね明日の天気はどうでしょう?
今日はいいお天気でしたね明日の天気はどうでしょう?

  1. 今日はいいお天気でしたね明日の天気はどうでしょう?
  2. 今日はいいお天気でしたね明日の天気はどうでしょう?
div.titleLabel {margin: 0px 0px 5px 0px;}
div.titleLabel[title]:before {
color:#ff6600;
background-color:#f5f8ff;
text-align: center;
margin-right:6px;
padding: 0px 0px 0px 0px;
width: 86px;
display: block;
float: left;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
content: attr(title);
}
div.titleLabel p, div.lavel ol, div.lavel ul {overflow:hidden;}
div.titleLabel ol li {list-style-type:decimal;}
div.titleLabel ul li {list-style-type:disc;}

スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック