نحوه نمایش لیست ul li در یک خط افقی
10:49:00 PM - 1399/06/27
یک لیست توسط دستور ul و li توی html میخوام درست کنم. ولی لیست رو به صورت عمودی و زیر هم نمایش میده. میخوام ببینیم چجوری میتونم لیست رو به صورت افقی نمایش بدم.
لیست ایجاد شده توسط ul و li
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
خروجی :
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 5627
پاسخ دهنده : mohammad-i
09:26:00 AM - ۱۳۹۹/۰۶/۲۸
برای این کار فقط لازمه توسط CSS خاصیت display:inline-block رو به تگ های li بدید.
<html>
<head>
<style>
ul li{
display:inline-block;
}
</style>
</head>
<body>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</body>
</html>
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1400/11/14
- ساعت :
12:23:00 AM
- بازدید :
2234
- پاسخ :
2
|
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5240
- پاسخ :
7
|
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
485
- پاسخ :
1
|
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
518
- پاسخ :
1
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
589
- پاسخ :
1
|
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
729
- پاسخ :
1
|
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
3039
- پاسخ :
1
|
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2731
- پاسخ :
3
|
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
762
- پاسخ :
1
|
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
7027
- پاسخ :
4
|
آخرین سوالات ارسالی
|
تاریخ :
1403/02/03
- ساعت :
10:23:00 PM
- بازدید :
101
- پاسخ :
1
|
|
تاریخ :
1403/01/29
- ساعت :
08:08:00 AM
- بازدید :
107
- پاسخ :
1
|
|
تاریخ :
1403/01/25
- ساعت :
06:46:00 PM
- بازدید :
110
- پاسخ :
1
|
|
تاریخ :
1403/01/12
- ساعت :
05:36:00 PM
- بازدید :
152
- پاسخ :
1
|
|
تاریخ :
1403/01/20
- ساعت :
07:32:00 PM
- بازدید :
162
- پاسخ :
2
|
|
تاریخ :
1403/01/17
- ساعت :
08:30:00 PM
- بازدید :
178
- پاسخ :
3
|
|
تاریخ :
1403/01/15
- ساعت :
04:12:00 PM
- بازدید :
191
- پاسخ :
2
|
|
تاریخ :
1403/01/19
- ساعت :
03:06:00 PM
- بازدید :
113
- پاسخ :
1
|
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
286
- پاسخ :
0
|
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
334
- پاسخ :
0
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت