69

Is there a bigger version of •?

• Right now it is this big

  • I want it this big without using font sizes or <li>

4 Answers 4

112

You could put it in a <span> with a bigger font but the same line-height.

You can also try BLACK CIRCLE &#x25cf; ●.
I don't know how many platforms that will work on, though.

3
  • 4
    The black circle is quite big. A bullet that's sometimes in between these two is &#x2219; aka &#8729;.
    – franzo
    Sep 10, 2013 at 5:12
  • 3
    @franzo the &#x2219; and &#8729; renders as this: ∙ I guess it depends on your font.
    – gregn3
    Mar 7, 2014 at 13:33
  • This works perfectly if you're doing a table and want a marker to indicate a certain cell.
    – Jamie
    Aug 9, 2019 at 21:38
5

Easy my friend! Check this:

ul{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul li::before {
    content: "● ";
    color: #2C92C5;
    padding-right: 5px;
}
3

You can also set the font-size in CSS higher:

.bullelements{
  font-size:2rem;
}
<html>
  <head>
  </head>
  <body>
  ...<span class="bullelements">&bull;</span>
  </body>
</html>

Now you can set the font-size to your size.

1
  • If you are to use rem as your font-size, it's also good you know how it works, it is dependent on html font-size Sep 22, 2018 at 7:26
0

One trick is to make the element bold

<span class="bull-element">&bull;</span> item <br />
<span class="bull-element">&bull;</span> item

<style>
    .bull-element {
        font-weight: 900;
    }
</style>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.