Aligning to the left using a .css file in RMarkdown has some limitations

In my .css file, I have the following code:

.column-left{
  float: right;
  height: 100%;
  width: 100%;
  text-align: left;
}

After that, I apply it to RMarkdown like this:

<div class="column-left">

This is an example sentence.

* Another example sentence.
* And one more example sentence.

</div>

However, only the text with bullet points is aligned to the left.

See the Output Image Here

Answer №1

Get rid of

float: right;

as it is what's leading to the discrepancy in the outcome you're anticipating.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a tree-like design with the spry accordion換stepping up your spr

I want to style my accordion in a way that it resembles a tree structure. How can I achieve this using CSS? For example: + should be displayed when the accordion tab is closed, and - when the accordion is open. <div class="Accordion" id="systemAccordi ...

Changing the names of various cells simultaneously within an R dataframe

I'm looking to categorize each police station in the UK by region, but as a newcomer, I'm struggling with renaming multiple elements at once. For instance: Here's how it currently appears The police stations in Avon and Somerset, Dorset, G ...

Place the div at the center within the header

I'm struggling to center the logo in my media query for screens below 479px. Whenever I use margin auto, the image gets pushed to the right by the browser. Here is what I have so far and any assistance would be greatly appreciated. HTML <div clas ...

issues arise with the website background when inserting an SVG image onto the page

I recently created an svg image with a transparent background using Inkscape. I double-checked to ensure its transparency, and I am confident that it is indeed transparent. However, when I uploaded it to my website, it inexplicably added a white backgrou ...

Issue: The function `callback` must accept at least two arguments - readr

Currently, I am endeavoring to establish a SQLite database through R. Despite its lack of user-friendliness, it is supposed to function correctly. To accomplish this task, I am utilizing the readr and dplyr packages. Given the substantial size of my datas ...

The Javascript function call from the <img src="myFunction()"> is malfunctioning

I am looking to dynamically pass the URL of an image using a JavaScript function. <head> <script> function myFunction() { var str1 = "somepictureurl.png"; return str1; } </script> </head> <body> <img src="myFu ...

Struggling to develop an age calculator tool that allows users to adjust the value using an up and down arrow function

https://i.sstatic.net/8Qjuf.png I'm currently working on a project that involves creating a tool to display a label with up and down arrows for adjusting the "Age" value. However, I've noticed that whenever I refresh the page, the functionality ...

Ways to showcase an image alongside its matching text

After obtaining JSON data through jQuery and parsing it, I have noticed that there are images along with corresponding text. My main challenge is how to display this content on my webpage in the format of "image : text". Is there a way to achieve this? T ...

Overflow scrolling container with additional space to the right of an image

I am currently working on a project that involves a specific website. When examining the main battalion image, I noticed there is an excessive 300px of whitespace on the right side that I am struggling to remove. There is no hidden content or padding caus ...

Load a variety of tiles to create a unique style and background for the

Currently, I am using this function to randomly retrieve an image. <script> window.onload = choosePic; var myPix = new Array( "https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/extrafiles/images/bgfiles/cool_stuff_anim.gif", "https:// ...

Unable to update innerHTML of asp.net literal tag using JavaScript

Here is a snippet of my JavaScript code: <script type="text/javascript">function CountCharacters(idTxtBox, idCharCount) { var maxLimit = 500; var remainingChars = maxLimit - document.getElementById(idTxtBox).value.length; do ...

Show a <textarea> for every dynamically generated content

On a dynamically generated page, I have listed questions along with multiple choice options. I need to provide a way for the content management team to add notes for each question if they find any errors. Currently, when clicking on the 'Note' op ...

Disseminate information systematically while maintaining sequential integrity

I have a dataset structured like so - dataset = data.frame(Site=c(rep('A',3),rep('B',3),rep('C',3)),MonthYear = c(rep(c('May 19','Apr 19','Mar 19'),3)),Date=c(rep(c('2019-05-31','2 ...

apply full width styling to bootstrap select dropdown

<div align="center" class="form-group"> <select v-model="subject" class="form-control"> <option v-for="n in papertypes" class="">{{ n.type }}</option> </select> <br> By default, Bootstrap makes the s ...

Challenges encountered when generating file names from a string using a for loop

I am attempting to create a vector of filenames based on a given string sequence. For example, if the input is "ABcd", I want to generate file paths like "mypath/A.txt", "mypath/B.txt", "mypath/cc.txt", and "mypath/dd.txt". Despite using a for loop, my cu ...

Modifying the initial state values in Redux Form is prohibited

I'm facing an issue with my redux-form component. I have successfully passed the initial form state values, but when I try to edit them by clicking inside the form, nothing happens. I've diligently followed all the documentation available, includ ...

Utilizing JSON in a data-attribute

Hey all! I am facing a challenge with extracting data from a JSON object stored in a data attribute. While I have managed to extract the string within the data attribute, I am struggling to access the object itself. Below is the code snippet: HTML <a ...

Setting up the beamer.cls file while using the rocker/verse and shiny platforms

Having recently ventured into the world of Docker, I find myself using TeX as well. In my Dockerfile setup: FROM shrektan/shiny MAINTAINER Steven RUN R -e "install.packages(c('shiny', 'googleAuthR', 'dplyr', 'googleAn ...

A guide on displaying an Angular Component within a Thymeleaf page

Currently, I am faced with the task of integrating Angular and Thymeleaf. This is necessary because I have developed a dynamic graph using Angular and now need to incorporate it into an existing project that utilizes Thymeleaf. Are there any simplified m ...

Bootstrap Navbar and Flexbox items not aligned properly at the ends

Struggling to align items on Navbar? Here is my current setup: https://i.sstatic.net/Doc9A.jpg I'm trying to position the flag image next to the toggler button, only when the screen reaches 992px breakpoint. It seems like Bootstrap Stylesheet is us ...