Login/Register
Bigger version of •
Asked Answered
Solved htmlspecial-charactershtml-entities
N

4

73

Is there a bigger version of •?

• Right now it is this big

  • I want it this big without using font sizes or <li>
Northway answered 23/12, 2010 at 18:22 Comment(0)
C
120

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.

Churchlike answered 23/12, 2010 at 18:23 Comment(3)
The black circle is quite big. A bullet that's sometimes in between these two is &#x2219; aka &#8729;. – Bramante
@Bramante the &#x2219; and &#8729; renders as this: ∙ I guess it depends on your font. – Inerrant
This works perfectly if you're doing a table and want a marker to indicate a certain cell. – Trombidiasis
S
7

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;
}
Selector answered 18/5, 2017 at 9:6 Comment(0)
H
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.

Hernardo answered 16/4, 2017 at 9:26 Comment(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 – Tang
D
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>
Deland answered 30/12, 2022 at 20:31 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.