Solved

add margin to • ?

Posted on 2014-11-16
3
129 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

808 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