ASP.NET

ul li: how to force a line break RSS

9 replies

Last post Dec 21, 2012 01:42 PM by wavemaster

‹ Previous Thread|Next Thread ›

- Reply
wavemaster

Participant

1279 Points

1127 Posts
ul li: how to force a line break

Dec 09, 2012 12:05 AM|LINK
Test 1-3 all show up behind each other

How can I force test10 to start on a new line? When I add <br> it works but there is an error message that comes up then about br not being allowable inside a list.
```
<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
<li>test10</li>
<li>test11</li>
<li>test12</li>
<ul>
```
- Edited by wavemaster on Dec 09, 2012 12:12 AM
- Moved by Mikesdotnetting on Dec 09, 2012 07:48 AM
- Reply
oned_gk

All-Star

31373 Points

6412 Posts
Re: ul li: how to force a line break

Dec 09, 2012 12:26 AM|LINK
```
<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
</ul>
<ul>
<li>test10</li>
<li>test11</li>
<li>test12</li>
<ul>
```
Programming to simplify, dont look for hard way
- Reply
Ruchira

All-Star

42943 Points

7024 Posts

MVP
Re: ul li: how to force a line break

Dec 09, 2012 10:48 AM|LINK
Hello,

You can set margin for that, Try below code
```
<ul>
    <li>test1</li>
    <li>test2</li>
    <li style="margin-bottom: 10px">test3</li>
    <li>test10</li>
    <li>test11</li>
    <li>test12</li>
</ul>
```
Please 'Mark as Answer' if this post helps you.
My Tech blog | My YouTube Channel
- Reply
Dan Bracuk

Contributor

3970 Points

1096 Posts
Re: ul li: how to force a line break

Dec 09, 2012 12:08 PM|LINK
wavemaster

Test 1-3 all show up behind each other

How can I force test10 to start on a new line? When I add <br> it works but there is an error message that comes up then about br not being allowable inside a list.
```
<ul>
<li>test1</li>
<li>test2</li>
<li>test3</li>
<li>test10</li>
<li>test11</li>
<li>test12</li>
<ul>
```
Your closing ul tag is missing the forward slash.
- Reply
raju dasa

Star

14392 Points

2447 Posts

Re: ul li: how to force a line break

Dec 10, 2012 05:37 AM|LINK

Hi,

Are you showing <li> in horizontal using CSS?
try inserting some dummy <li>s until u get new line.
or, apply style to ur <li> like this:

<li style="display:block;">test10</li>

Happy Coding ! Mark as Answer if it helps.
rajudasa.blogspot.com || blog@opera
- Reply
asteranup

All-Star

30184 Points

4906 Posts

Re: ul li: how to force a line break

Dec 11, 2012 07:50 AM|LINK

Hi,

Try this-

http://jsfiddle.net/asteranup/rKhEj/

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
- Marked as answer by Yanping Wang - MSFT on Dec 21, 2012 06:20 AM
- Reply
RameshRajend...

Star

7983 Points

2099 Posts

Re: ul li: how to force a line break

Dec 11, 2012 07:54 AM|LINK

I think .Your question same us my yesterday question....

But now that's solved.You can check this link

http://forums.asp.net/t/1864824.aspx/1?ValidationSummary
- Reply
Afzaal.Ahmad...

Contributor

2660 Points

1039 Posts

Re: ul li: how to force a line break

Dec 11, 2012 12:59 PM|LINK

The <br> Has no error while displaying.

However you can use two of the <ul>s or <ol>s.

This will make two lists. And line break will cause.

By the way! List is always displayed by a line break. However use two <ul>s

Please "Marks As Answer" if any answer helped you out!
~~! FIREWALL !~~
- Reply
Yanping Wang...

Star

14871 Points

1529 Posts

Microsoft

Re: ul li: how to force a line break

Dec 21, 2012 06:21 AM|LINK

Hi wavemaster,

Per my study, Anup ’s reply should be able to help on your issue.

Since we haven’t heard from you for some days, I am marking Anup’s reply as answer now. If Anup's reply did not resolve your problem, please feel free to unmark the answer. If you have further issue but different than the original one in this thread, please open a new question. Thanks for your cooperation.

Thanks,

Yanping Wang

Please mark the replies as answers if they help or unmark if not.
Feedback to us

Develop and promote your apps in Windows Store
- Reply
wavemaster

Participant

1279 Points

1127 Posts

Re: ul li: how to force a line break

Dec 21, 2012 01:42 PM|LINK
Sorry for falling behind on marking answers.