Work Life Fun

Marpのヘッダー・フッターを中央寄せにするCSSの注意点

※当サイトはリンクに広告ページが含まれている場合があります

セミナー資料をさっと作りたいときに、PowerPointなどGUI環境による操作が必要なソフトは面倒です。

また、普段の業務の大半でMarkdownを利用しているため、

  • Markdownからそのままセミナー資料を作ることができたら超絶に楽できる

ということで、以前はReveal.jsを利用していましたが、最近は、Marpに少しずつ移行しています。

関連:パワポもKeynoteも不要! プレゼンはreveal.jsで簡単に!

Marp

Marp(Markdown Presentation Ecosystem)は、Markdownの記述をプレゼン形式のHTML、PDF、PowerPointに変換してくれるフリーのツールです。

装飾的な部分は、CSSに任せることができ、伝えたい・書きたい内容に注力できます。

また、テキストファイルとして管理できるため、ファイル容量は軽く、使い回しも容易、と良いこと尽くしです。

Marpの使い方は、以下で丁寧にまとめられています。

参考:Marp(Marpit)

Marpのヘッダー・フッターを中央寄せにする

CSSで文字をセンタリング(中央寄せ)にするときは、

header, footer {
    text-align: center;
}

で良いはずなのですが、当初この設定が効かず、ちょっと苦労しました。

以下のように、widthを設定することで解決、無事センタリングができました。誰かのお役に立てば幸いです。

header, footer {
    width: 100%;
    text-align: center;
}
社労士のための「ほどほど」お悩み相談室

あなたのご質問・ご相談に、月1回、無料・本音で回答します。

ご質問・ご相談は、登録後に届くメールから送っていただけます。費用は一切かかりません。「お悩み相談室」というクローズドな場だからこそ、踏み込んだ内容の質問にも回答できます。

これまでに、こんなご質問・ご相談に回答してきました。

  • コンサル(3号業務)を主力業務にするには、どうすれば良いか?
  • どのようにして顧問料を上げれば良いか?
  • 営業が苦手で、新規の顧客獲得ができない
  • 業務をどう絞り込めば良いか?
  • 一人社労士のままで良いのか、人を雇うべきか?
  • 苦手・相性の悪い顧問先と、どう付き合うか?
  • 生成AIの時代、社労士は今後どう生き残るか?

なぜ、無料で同業の社労士からの相談に乗るのか?

それは「本当に顧客のために活動できる社労士仲間を増やしたい」からです。

私自身、社労士という資格に誇りを持っています。企業からの社労士に対する不満をよく聞きますし、「社労士なんて役に立たない」と思われることは、正直悔しいです。

  • 信頼される・信頼できる社労士の仲間を増やしていきたい

そんな想いから、少しでも社労士業界全体のレベルアップに貢献できればと考えています。

    登録は無料・月1回配信・配信解除いつでも可能
    ※ 登録後、本人確認のメールをお送りします。届かない場合は迷惑メールフォルダもご確認ください。


    up_line