Bigger version of •

Question

Is there a bigger version of •?

• Right now it is this big

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

score 114 · Accepted Answer · answered Dec 23 '10 at 18:23

114

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

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

answered Dec 23 '10 at 18:23

SLaks

868,454
176
1,908
1,964

4

The black circle is quite big. A bullet that's sometimes in between these two is `∙` aka `∙`. – franzo Sep 10 '13 at 05:12
3

@franzo the `∙` and `∙` renders as this: ∙ I guess it depends on your font. – gregn3 Mar 07 '14 at 13:33
This works perfectly if you're doing a table and want a marker to indicate a certain cell. – Jamie Aug 09 '19 at 21:38

score 6 · Answer 2 · answered May 18 '17 at 09:06

6

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;
}

answered May 18 '17 at 09:06

Sammy

71
1
1

score 3 · Answer 3 · edited Apr 16 '17 at 12:04

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.

edited Apr 16 '17 at 12:04

illright

3,991
2
29
54

answered Apr 16 '17 at 09:26

user7874054

31
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 – Fillipo Sniper Sep 22 '18 at 07:26

score 1 · Answer 4 · answered Dec 30 '22 at 20:31

1

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>

answered Dec 30 '22 at 20:31

Ben

1,853
19
20

Bigger version of •

4 Answers4