Bigger version of •

HtmlSpecial CharactersHtml Entities

Html Problem Overview


Is there a bigger version of •?

• Right now it is this big

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

Html Solutions


Solution 1 - Html

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.

Solution 2 - Html

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

Solution 3 - Html

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.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Question700 SoftwareView Question on Stackoverflow
Solution 1 - HtmlSLaksView Answer on Stackoverflow
Solution 2 - HtmlSammyView Answer on Stackoverflow
Solution 3 - Htmluser7874054View Answer on Stackoverflow