Solved

add margin to • ?

Posted on 2014-11-16
3
121 Views
Last Modified: 2014-11-16
Hi,

Rather than using an unordered list, I use a bullet like this:  

•

in front of some sentences to make them look like a list (there's a good reason I do this, but I'll save you the full explanation).

My question... is there a way to put something in my .css file that will give "•" a margin to move it slightly to the right?

For example, something like

• {margin-left:10px}

I'm assuming that wouldn't work since • isn't an html element...
0
Comment
Question by:St_Aug_Beach_Bum
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 40446287
No, you need to make a class for it like this.
.bull {margin-left:10px;}

Open in new window

And use it like this:
<span class="bull">&bull;</span>

Open in new window

0
 

Author Closing Comment

by:St_Aug_Beach_Bum
ID: 40446337
Done, thank you,

Chris
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40446365
You're welcome, glad to help.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now