テキストやボタンの配置を右寄せにしたい時

lightningのテーマでは、CSSフレームワークの定番であるBootstrapを採用していますので、クラス名をつけることで、あらかじめ設定された装飾を簡単に行うことができます。(Bootstrap参照

文章の下にボタンをつける場合やテキストの下に右寄せの文章を載せたい場合、クラス名に”pull-right”をつけることで、右寄せにしたい場合は、クラス名に”pull-right”をつけましょう。

サンプル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

詳細はこちら

HTMLをコピペして使ってね。

□テキストリンクの場合

<a class="pull-right" href="#">詳細はこちら</a>

□ボタンリンクの場合

<a class="btn btn-default pull-right" href="#" >詳細はこちら</a>

この記事を書いた人

佐々木亜紀
佐々木亜紀

株式会社アドプラス 代表取締役 佐々木亜紀
千葉コワーキングスペース201 オーナー

2009年9月開業。ウェブ制作業務を開始。
WordPressを使った制作を行い、中小企業、個人事業主、女性起業家のサイトを制作する傍ら、SNSなどウェブを使った集客全般のサポートを行う。
2013年よりコワーキングスペースを運営。

中小企業庁
ミラサポ専門家派遣事業登録専門家
千葉県産業振興センター登録専門家

「失敗しない初めてのワードプレスのコツ」のメルマガ

「失敗しない初めてのワードプレスのコツ」のメルマガに興味を持っていただきありがとうございます。

【こんな方のためのメールマガジンです】
・ワードプレスを使いこなして集客したい
・ワードプレスでブログを始めたいけど何からやればいいかわからない
・継続的で安全にワードプレスの運営をしたい

そんな方に役立つメルマガです。