Tips on aligning an entire text in R Markdown using the bookdown::gitbook function as the desired output

Question

Tips on aligning an entire text in R Markdown using the bookdown::gitbook function as the desired output

I've been looking for a way to justify the text in my gitbook, but haven't had any luck finding a solution. I've attempted:

Adding "text-align: justified" to the CSS right after the YAML Header:
```
<style>
body {
  text-align: justify
}
</style>
```

Unfortunately, this didn't work.

Applying "text-align: justify" to a div tag for the entire text:
```
<div style="text-align:justify;">
my whole text
</div>
```

This approach did justify the text, but it caused the topic numbering to disappear (along with other features I haven't quite figured out).

The key is that I want to maintain all the standard features of the output from bookdown::gitbook while only adjusting the text alignment to "justified."

Additionally, manually adding a div tag to every sentence would be too time-consuming. Any suggestions?

Thanks in advance!

html css r-markdown bookdown gitbook

Answer 1

Answer №1

To organize your CSS code, create a file called custom.css:

body {
  text-align: justify;
}

Next, link this CSS file using the css option (Note: placing CSS in the LaTeX preamble is incorrect):

bookdown::gitbook:
  css: "custom.css"

If this method doesn't work for you, kindly provide a reproducible example and possibly a published version online so we can investigate further.

Answer 2

To organize your CSS code, create a file called custom.css:

body {
  text-align: justify;
}

Next, link this CSS file using the css option (Note: placing CSS in the LaTeX preamble is incorrect):

bookdown::gitbook:
  css: "custom.css"

If this method doesn't work for you, kindly provide a reproducible example and possibly a published version online so we can investigate further.

Tips on aligning an entire text in R Markdown using the bookdown::gitbook function as the desired output

Answer №1

Similar questions

javascript, issues with floating and displaying elements

Tips for avoiding accidental unit conversion in jQuery

CSS for mobile devices not loading until the device is rotated

The customized Vaadin component with a tag is missing from the MainView layout

Capture information from an HTML5 form and securely store it in a MySQL database

Using AJAX to dynamically load content from a Wordpress website

Tips for utilizing javascript document.createElement, document.body, and $(document) in an HTML web resource for Microsoft CRM code reviews

Executing a script for every row in a table using Python and Selenium

I would appreciate your assistance in the modification of the input type from text to radio within the PHP code

Unable to Retrieve HTML Element by TagName using VB

When an option is selected in one dropdown, a list is dynamically populated in another dropdown. However, the entire column then displays the selected row's options in a table format

Ways to display the name of the month instead of displaying the numerical value of the

referencing a fixed value within a JSP drop-down selection

Customizing the appearance of charts in AngularJS using the Chart.js

Unique form validation process: utilizing JSON

How to Align <ul> to the Right in Bootstrap 4

Enhancing page accessibility through the implementation of shortcuts

Whenever I select a link on a navigation bar, it transports me to the desired section of the page. However, I often find that the navbar ends up

Convert XML data into a structured table format

Aligning a div vertically in the center of its parent container