[graphie]文章の開始位置を中央かつ縦に位置を揃えたい

[takurou]

今回graphieを今回させていただき、現在習熟に努めている最中です。
１点わからないことがあり今回寄稿させていただきます。

アイコンフォントを文の先頭に使用して文章を作成した際に、文の開始位置を中央かつ縦に位置を揃えたいのですがどうしたらよいでしょうか？

例を挙げると、下記の表記で文を３つ並べた際に、中央には配置されるのですが、縦位置がバラバラでどうしても見た目が悪くなっていしまいます。

<p class=”al-c”><span class=”icon-checkbox-checked ft20px”>123</span></p>
<p class=”al-c”><span class=”icon-checkbox-checked ft20px”>123456</span></p>
<p class=”al-c”><span class=”icon-checkbox-checked ft20px”>123456789</span></p>

※表示は添付画像を参照

CSSをさわってみたりいろいろとトライしたのですが、どうしてもうまくいきませんでした。
お忙しいところ恐縮ですが、ご教授お願いします。

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

本件のようなCSSの一般的なスタイリング方法に関することは、製品の技術的な内容ではないため基本的にサポート致しかねますが、ご希望のセンタリングを行うには基本的に中央に表示するコンテンツ全体を1つのブロック要素としてまとめ、さらにその幅(width)を予め指定しておいてください。

例:

<div class="al-c">
<div class="al-l" style="width:250px;margin:0 auto;">
<p class="icon-checkbox-checked ft20px">123</p>
<p class="icon-checkbox-checked ft20px">12345</p>
<p class="icon-checkbox-checked ft20px">123456789</p>
</div>
</div>

[takurou]

本フォーラムの趣旨とは異なる質問申し訳ありませんでした。
にも関わらず、丁寧な回答ありがとうございます。
以後気をつけます。

[投稿者]

投稿