نحوه نمایش لیست 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
تعداد بازدید این سوال : 6851
پاسخ دهنده : 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>
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
114
- پاسخ :
1
|
|
تاریخ :
1399/02/11
- ساعت :
09:41:00 AM
- بازدید :
2605
- پاسخ :
1
|
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2809
- پاسخ :
1
|
|
تاریخ :
1404/04/16
- ساعت :
06:22:00 PM
- بازدید :
132
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
295
- پاسخ :
1
|
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
284
- پاسخ :
1
|
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
369
- پاسخ :
1
|
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3714
- پاسخ :
2
|
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3464
- پاسخ :
2
|
|
تاریخ :
1401/01/13
- ساعت :
02:27:00 AM
- بازدید :
2260
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
1401/06/08
- ساعت :
08:41:00 PM
- بازدید :
3552
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
274
- پاسخ :
1
|
|
تاریخ :
1404/05/21
- ساعت :
10:42:00 PM
- بازدید :
199
- پاسخ :
0
|
|
تاریخ :
1404/05/11
- ساعت :
11:05:00 AM
- بازدید :
114
- پاسخ :
1
|
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
484
- پاسخ :
1
|
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
165
- پاسخ :
1
|
|
تاریخ :
1404/04/29
- ساعت :
08:03:00 PM
- بازدید :
201
- پاسخ :
2
|
|
تاریخ :
1404/01/16
- ساعت :
07:20:00 PM
- بازدید :
1047
- پاسخ :
2
|
|
تاریخ :
1404/04/28
- ساعت :
02:07:00 PM
- بازدید :
185
- پاسخ :
2
|
|
تاریخ :
1400/05/03
- ساعت :
11:34:00 PM
- بازدید :
4095
- پاسخ :
1
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت