結構見かける、見出しなどの横に配置されているボタン。 ウチのサイトでも、NEW ENTRYの横にRSSボタンをつけてます。 他に、続きを読むやMoreなんかが見出しの横にボタンやテキストとして配置されているケースが多いと思います。 このデザインを実現する際に、floatかpositionのどちらでも可能ですが、この場合はpositionの方が楽な上に柔軟に対応できる(と思う)のでオススメ。 ということで、ウチのサイトを例に作成方法を。 HTMLはこんな感じになってます。 <div id="main"> <h2>New Entry</h2> <p id="btnRss"><a href="/index.xml">RSS 2.0</a></p> ・ ・ ・ <!-- / main END --></div> CSSを切っている状態だと→こんな感じ。 position以外のスタイルを適用させると
![見出しの横などにボタンを配置](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d6eb249afe89c2191c913e59c47b19879314a24/height=288;version=1;width=512/http%3A%2F%2Fcss-happylife.com%2Fimg%2Fshare%2Ficon_apple_touch.png)