ひまみち | ひま缶

混雑する駅のホームでいつも思う事

2017年10月26日2017年10月27日ひまみち

ひまみちです。今日は私が普段利用する駅のホームで、いつも思うことがあります。思う事というか、愚痴というか。今日はそれを問答無用でぶちまけたいと思います。前の人との距離をすごく空けて並ぶたくさんの人が交差する駅の […]

[盆栽]山もみじ成長記録＜第五回＞～色づき、落ちゆく葉、そして逞しい幹～

2017年10月21日2017年10月23日ひまみち

素人が種から山もみじを育てています。前回の第四回目はこちら。あっという間に10月後半となり、すっかり寒くなってしまいましたね。去年よりも寒くなるのが早い気がします。さて、本日のもみじです。前回投稿した記事でも、 […]

感動の美味しさ！東京駅のハンバーグ専門店[ハンバーグワークス]のハンバーガー

2017年10月20日2017年11月5日ひまみち

東京駅の八重洲口付近、駅の地下1Fにあるグランルーフフロント内にあるハンバーグワークス(HAMBURG WORKS)に行ってきました。ハンバーガーこちらのハンバーガーが大変美味しかったです。一口目で驚いたのは、バン […]

わし流スナック菓子最強選手権

2017年10月16日2017年10月17日ひまみち

こんにちは。ひまみちです。スナック菓子はよく食べる方だと思います。スナック菓子の中でも特に好きな商品の中から、最強のスナック菓子を考えてみたいと思います。味が美味しいのは当たり前なので、今回は「手が止まらない度」、 […]

コピペでOK！紙がくるんとなっているような見出しデザインが作れるHTML・CSS

2017年10月15日2017年10月16日ひまみち

イメージ HTML

<div>
<section>
<h1>タイトル</h1>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</section>
</div>

<div>

<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>

</section>

</div>

CSS

div{
padding:10px 0;
background-color:#ccc;
}
section{
margin:0 10px;
padding:50px 0 10px;
background-color:#fff;
position:relative;
}
h1{
width:90%;
margin:auto;
padding:10px 0;
position:absolute;
top:-8px;
left:0;
right:0;
background-color:#f55;
color:#fff;
text-align:center;
}
h1::before{
position:absolute;
top:0;
left:-8px;
width:0;
height:0;
content:"";
border:4px solid transparent;
border-bottom:4px solid #800;
border-right:4px solid #800;
}
p{
margin:0 20px;
}