I'm trying to creeat a bullett list but I want the text to line up but the text lines up under the bullett.<br />
This is what I have:<br />
<br />
*Ykjdwk dwpdw mpwju d<br />
wjkjwkjwj jwekjwe jkwe<br />
*Rlkj we wljk e e;ljew <br />
w;ljkewljewlwel<br />
<br />
This is what I want: (Please ignore the ...they represent spaces)<br />
*Ykjdwk dwpdw mpwju d<br />
..wjkjwkjwj jwekjwe jkwe<br />
*Rlkj we wljk e e;ljew <br />
..w;ljkewljewlwel<!--content-->try a non-breaking-space, like this:<br />
<br />
<ul><br />
<li>Ykjdwk dwpdw mpwju d<br />
wjkjwkjwj jwekjwe jkwe</li><br />
<li>Rlkj we wljk e e;ljew <br />
w;ljkewljewlwel</li><br />
</ul><br />
<br />
or try a preset text:<br />
<br />
<ul><br />
<li><pre>Ykjdwk akfjk aoief<br />
kakjkf akfle ;;fae</pre></li><br />
<li><pre>kajk a;lfkje akfjekle<br />
akfjek akfej;kaf </pre></li><br />
</ul><br />
<br />
one of those 2 options should work.<!--content-->I found out a way but I'm not sure if it's valid HTML as it includes a block element within the inline element:<br />
<br />
<br />
<html><br />
<body><br />
<h4>Is this valid?</h4><br />
<ul><br />
<li><p>dfjasldjflj<br>kdjffjdjldfjl<br>ldfjlsd</p></li><br />
<li><p>jsldjljdjdj<br>fdlafldf<br>djfaldjl<br>jdjfl</p></li><br />
<li><p>jiurtoutu<br>jwefjldf<br>djdadjdf</p></li><br />
</ul><br />
</body><br />
</html><br />
<br />
Better validate it before using it, and check it in all browsers as well.<br />
Edit: A simple <br> where you want it to break does it (ie. ignore my stupid paragraph suggestion). Funny that it works, but it won't naturally wrap.
<!--content-->I think those will work - Thanks.<!--content-->This can actually sort of be controlled with CSS. If you look at list-style-postion at the CSS Level 2 Spec (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-position">http://www.w3.org/TR/CSS2/generate.html ... e-position</a><!-- m -->) you can see that you can determine where the marker is in relation to the block box. I tested this in Mozilla Firebird, IE 6, and Opera 7.11 and it does just what you want in all three browsers if you use the "outside" value for the "list-style-type" attribute.<br />
#listname{ list-style-type: outside }<!--content-->
This is what I have:<br />
<br />
*Ykjdwk dwpdw mpwju d<br />
wjkjwkjwj jwekjwe jkwe<br />
*Rlkj we wljk e e;ljew <br />
w;ljkewljewlwel<br />
<br />
This is what I want: (Please ignore the ...they represent spaces)<br />
*Ykjdwk dwpdw mpwju d<br />
..wjkjwkjwj jwekjwe jkwe<br />
*Rlkj we wljk e e;ljew <br />
..w;ljkewljewlwel<!--content-->try a non-breaking-space, like this:<br />
<br />
<ul><br />
<li>Ykjdwk dwpdw mpwju d<br />
wjkjwkjwj jwekjwe jkwe</li><br />
<li>Rlkj we wljk e e;ljew <br />
w;ljkewljewlwel</li><br />
</ul><br />
<br />
or try a preset text:<br />
<br />
<ul><br />
<li><pre>Ykjdwk akfjk aoief<br />
kakjkf akfle ;;fae</pre></li><br />
<li><pre>kajk a;lfkje akfjekle<br />
akfjek akfej;kaf </pre></li><br />
</ul><br />
<br />
one of those 2 options should work.<!--content-->I found out a way but I'm not sure if it's valid HTML as it includes a block element within the inline element:<br />
<br />
<br />
<html><br />
<body><br />
<h4>Is this valid?</h4><br />
<ul><br />
<li><p>dfjasldjflj<br>kdjffjdjldfjl<br>ldfjlsd</p></li><br />
<li><p>jsldjljdjdj<br>fdlafldf<br>djfaldjl<br>jdjfl</p></li><br />
<li><p>jiurtoutu<br>jwefjldf<br>djdadjdf</p></li><br />
</ul><br />
</body><br />
</html><br />
<br />
Better validate it before using it, and check it in all browsers as well.<br />
Edit: A simple <br> where you want it to break does it (ie. ignore my stupid paragraph suggestion). Funny that it works, but it won't naturally wrap.
<!--content-->I think those will work - Thanks.<!--content-->This can actually sort of be controlled with CSS. If you look at list-style-postion at the CSS Level 2 Spec (<!-- m --><a class="postlink" href="http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-position">http://www.w3.org/TR/CSS2/generate.html ... e-position</a><!-- m -->) you can see that you can determine where the marker is in relation to the block box. I tested this in Mozilla Firebird, IE 6, and Opera 7.11 and it does just what you want in all three browsers if you use the "outside" value for the "list-style-type" attribute.<br />#listname{ list-style-type: outside }<!--content-->