markdown to html via pandoc full page width

Question

I have a markdown file test.md

---
title: README TCC
numbersections: true
---

# README
sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm saldnmflasnfjlsanfjlnsajlfnjslnf sadfnasjlfdnlasd sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm

which I convert into an html file via pandoc -s --toc ./test.md -o README.html --number-sections

This is the resulting README.html viewed in chrome:

But I want to let the text span the whole page!

Within README.hmtl the style of body is specified as:

body {
  margin: 0 auto;
  max-width: 36em;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  hyphens: auto;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

Adding min-width:80%; as an attribute, yields the desired behavior:

How can I make pandoc automatically generate a html that spans the whole page, when generating the document, i.e. include the min-width:80%; property?

I think this might be a result of the fake data you are using, since each "word" is so long, I think this layout might just be the result of line-wrapping. Have you tried with a more traditional lorem-ipsum style fake data with shorter words? — DBS
– DBS, Commented Jul 22, 2022 at 10:06
@DBS I adjusted my question, as you see, the text can span the full page, setting the right html style properties. — newandlost
– newandlost, Commented Jul 22, 2022 at 10:17

tarleb · Accepted Answer · 2022-07-22 16:57:31Z

5

Place the below snippet anywhere in your Markdown document:

``` {=html}
<style>
body { min-width: 80% !important; }
</style>
```

This will override the default min-width setting.

answered Jul 22, 2022 at 16:57

tarleb

23.1k5 gold badges62 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dalanicolai · Accepted Answer · 2024-06-17 05:42:50Z

3

Set the maxwidth via the YAML metadata block, i.e. add the following to the beginning of your markdown file:

```
maxwidth: 80%
```

source: https://pandoc.org/chunkedhtml-demo/6.2-variables.html.

You can also create a separate .yaml file and add it via the markdown command (as explained in the YAML metadata block documentation):

pandoc chap1.md chap2.md chap3.md metadata.yaml -s -o book.html

edited Jun 17, 2024 at 5:42

answered Jun 17, 2024 at 5:33

dalanicolai

3893 silver badges14 bronze badges

1 Comment

khatchad Dec 4, 2024 at 21:36

Can you do it on the command line without a separate file, entering it in the command directly?

Collectives™ on Stack Overflow

markdown to html via pandoc full page width

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related