Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change Bullets Style using Markdown

Tags:

r-markdown

I am new to using Markdown.

Although I have managed to set a lot of styling options in the CSS, I cannot figure out how to change the style of any bullets.

Regular ones :

  • Regular Bullet

or

  • Block quote Bullet

and nested ones

  • Block quote Bullet 1
    • Block quote Bullet 2
like image 669
500 Avatar asked Sep 08 '12 21:09

500


People also ask

How do you do bullets in markdown?

Bullet point lists can be created by starting each line with an asterisk followed by a space before the content of the bullet point. Note that the space is important and should not be forgotten.

How do you add bullets in readme MD?

You can create bullet points in an unordered list in markdown format using an asterisk “*” at the beginning of the line. Links can be inserted anywhere in the readme.md.

How do you make a bullet list in HTML?

Complete HTML/CSS Course 2022 To create unordered list in HTML, use the <ul> tag. The unordered list starts with the <ul> tag. The list item starts with the <li> tag and will be marked as disc, square, circle, etc. The default is bullets, which is small black circles.


1 Answers

As you are probably aware, Markdown's primary function is strictly as "markup" language so that a simple set of characters can remove the need for a lot of manual coding such as wrapping <li></li> on the front and back of your lists.

What Markdown isn't really meant for is styling that HTML for the final output. Some various subsets of Markdown include modifiers and things to make this happen but that can break if you have to change your markdown processor at some point.

That being said, you want to control this with CSS style, and that's done with this modifier:

list-style-type: square, disc, circle, etc...

Here's a list: http://www.w3schools.com/cssref/pr_list-style-type.asp

If you are putting this on a page of other code consider that there may be some default styles already applied, so you may need to chain your CSS call with something like ul li { list-style-type: your-choice} to beat the overwrite — other than that, the above is the syntax you want.

like image 107
motleydev Avatar answered Sep 29 '22 07:09

motleydev