یک لیست توسط دستور ul و li توی html میخوام درست کنم. ولی لیست رو به صورت عمودی و زیر هم نمایش میده. میخوام ببینیم چجوری میتونم لیست رو به صورت افقی نمایش بدم.
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
خروجی :
برای این کار فقط لازمه توسط 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
- بازدید :
2115
- پاسخ :
2
|
تاریخ :
1398/09/21
- ساعت :
09:53:00 AM
- بازدید :
5165
- پاسخ :
7
|
تاریخ :
1402/08/04
- ساعت :
05:01:00 PM
- بازدید :
444
- پاسخ :
1
|
تاریخ :
1402/08/06
- ساعت :
01:20:00 PM
- بازدید :
473
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
540
- پاسخ :
1
|
تاریخ :
1402/07/25
- ساعت :
09:15:00 PM
- بازدید :
649
- پاسخ :
1
|
تاریخ :
1399/12/13
- ساعت :
12:10:00 AM
- بازدید :
2972
- پاسخ :
1
|
تاریخ :
1399/01/11
- ساعت :
02:02:00 PM
- بازدید :
2673
- پاسخ :
3
|
تاریخ :
1402/06/28
- ساعت :
12:47:00 PM
- بازدید :
707
- پاسخ :
1
|
تاریخ :
1399/06/16
- ساعت :
07:18:00 PM
- بازدید :
6913
- پاسخ :
4
|
تاریخ :
1402/12/13
- ساعت :
05:04:00 PM
- بازدید :
203
- پاسخ :
0
|
تاریخ :
1401/11/15
- ساعت :
11:17:00 AM
- بازدید :
1057
- پاسخ :
1
|
تاریخ :
1402/12/25
- ساعت :
03:38:00 PM
- بازدید :
109
- پاسخ :
0
|
تاریخ :
1403/01/06
- ساعت :
05:14:00 PM
- بازدید :
76
- پاسخ :
1
|
تاریخ :
1403/01/07
- ساعت :
01:45:00 AM
- بازدید :
47
- پاسخ :
0
|
تاریخ :
1398/07/19
- ساعت :
11:16:00 PM
- بازدید :
2952
- پاسخ :
2
|
تاریخ :
1398/08/21
- ساعت :
03:45:00 AM
- بازدید :
2294
- پاسخ :
1
|
تاریخ :
1398/08/06
- ساعت :
03:57:00 PM
- بازدید :
7293
- پاسخ :
2
|
تاریخ :
1402/12/12
- ساعت :
03:20:00 PM
- بازدید :
86
- پاسخ :
1
|
تاریخ :
1402/12/10
- ساعت :
03:35:00 PM
- بازدید :
116
- پاسخ :
1
|