CODEWITHSUNDEEP
cssr-markdownblogdown
ixodid
ixodid

Reputation: 2380

Insert spacing in long rmarkdown column

As part of a post using blogdown I am displaying a list of names in three columns. I'd like to add a space between every group of five names in the RMarkdown document.

I tried <br> every five names but that only worked for the first column nor is it very elegant. What is the best way to do this?

enter image description here

<style>
 .col3 {
    columns: 3 100px;
    -webkit-columns: 3 100px;
    -moz-columns: 3 100px;
  }
</style>


<font size = 3>
<div class = "col3">
- Amur Cork
- Apple
- Ash
- Austrian Pine
- Black Cherry
<br>  
- Black Maple
- Black Oak
- Black Willow
- Bur Oak
- Callery Pear 'Chanticleer'
<br>  
- Carolina Poplar
- Colorado Blue Spruce
- Columnar Norway Maple
- Crab Apple
- Eastern Hemlock
<br>  
- European Beech
- Ginkgo
- Hack-Berry
- Honey Locust
- Kentucky-Coffee Tree
<br>
- Linden
- Manitoba Maple
- Maple
- Mulberry
- Norway Maple
<br>
- Oak
- Red (Green) Ash
- Red Maple
- Red Oak
- Sassafras
<br>
- Scotch Elm
- Scots Pine
- Service-Berry
- Siberian Elm
- Silver Maple
<br>
- Silver Queen Silver Maple
- Silver White Poplar
- Skyline Honey Locust
- Sugar Maple
- Tulip-Tree
<br>
- Walnut
- Weeping Willow
- White Ash
- White Oak
- White Pine
<br>
- Willow
- Yew 
</div>

Upvotes: 0

Views: 281

Answers (1)

TC Zhang
TC Zhang

Reputation: 2797

Your first three <br> tags have two trailing spaces, after rendering, they appear as

  <li>Black Cherry <br><br>
  </li>

Without trailing spaces:

  <li>Sassafras <br></li>

You can add two spaces to the rest <br> tags, or you can delete all the <br> tags and separate your list with a new line.

Upvotes: 2

Related Questions