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;
}
【無料】効率的に人事労務の情報を入手しませんか?
  • 毎年のように改正される労働法令への対応に頭を悩ませている
  • 総務や経理などの他の業務を兼務しているので、人事労務業務だけに時間を割けない

といった悩みを抱える企業の経営者・人事労務担当者向けに、公開型のブログでは書けない、本音を交えた人事労務に関する情報・ノウハウ、時期的なトピックに関するメールマガジンを「無料」で配信しています。

過去の配信分は公開しません。

情報が必要な方は、いますぐ以下のフォームから購読の登録をしてください。購読して不要と思ったら簡単に解除できますのでご安心ください。


up_line