Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

add margin to • ?

Posted on 2014-11-16
3
Medium Priority
?
142 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 84

Accepted Solution

by:
Dave Baldwin earned 2000 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 84

Expert Comment

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

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
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 Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
Suggested Courses

783 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