CSS 4.1 Transitional
1
2
3
4
5
6
7
Creates space
Long Dash
Ampersand
display: inline;
font-style: italic;
vertical-align;
border-collapse: collapse;
Create bullets and align text to them:
ul { list-style-type: square;
font-size: 40px;
color: green; }
p.bullet { position: relative;
margin-top: -9%;
margin-left: 10%; }
[ul class="square"] [li] [/li] [/ul]
If text is placed as so: [ul class="square"] [li]The populations around the world continue to grow which requires ever expanding economies.[/li] [/ul]
the text aligns with the bullet but also assumes the same color and size.
- The populations around the world continue to grow which requires ever expanding economies.
Creating a css para class with position avoids the problem. Should be an
easier way, but if is can't find it.
p.bullet { position: relative;
margin-top: -9%;
margin-left: 10%; }
[p class="bullet"]The populations around the world continue to grow which requires ever expanding economies.[/p]
The populations around the world continue to grow which requires ever expanding economies.
CSS (7 of 7)
Links
