+ 2

How can I do it?quick please.

Please visit apple.com.then see the website footer.there are 5 columns.I try to do it many ways but every time I failed to make like that and my list come in 1 columns.Any body can help me by creating a example code like that footer that helps me to understand the column strategy.

30th Sep 2020, 9:19 AM
Md.Ruhan Chowdhury
Md.Ruhan Chowdhury - avatar
9 Answers
+ 1
No problem bro Sorry couldnt help But I will tell you one last thing if you want to check how apple made their list you can open their page from computer and inspect their code by left clicking the choosing inspect Make sure that when you left click the mouse is over the list it takes you directly to the list code
30th Sep 2020, 11:14 AM
Hashim
0
Can you post your code?
30th Sep 2020, 9:30 AM
Hashim
0
Not now.because that was in my laptop that was not to me right now.Hashim
30th Sep 2020, 9:31 AM
Md.Ruhan Chowdhury
Md.Ruhan Chowdhury - avatar
0
Ok no problem I will find you solution , when do you need it
30th Sep 2020, 9:34 AM
Hashim
0
Hashim don't you understand my question after seeing www.apple.com website footer five coloums list?
30th Sep 2020, 9:38 AM
Md.Ruhan Chowdhury
Md.Ruhan Chowdhury - avatar
0
I understand just hold on
30th Sep 2020, 9:39 AM
Hashim
0
You have to use display: block; which is a css function in style make sure to use width function with it so things dont mess up <!DOCTYPE html> <html> <head> <style> .vertical-menu { width: 200px; } .vertical-menu a { background-color: #eee; color: black; display: block; padding: 12px; text-decoration: none; } } </style> </head> <body> <h1>Vertical Menu</h1> <div class="vertical-menu"> <a href="#" class="active">Home</a> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> </div> </body> </html> Ok now?
30th Sep 2020, 9:47 AM
Hashim
0
Sorry.Nope
30th Sep 2020, 10:15 AM
Md.Ruhan Chowdhury
Md.Ruhan Chowdhury - avatar
0
Thanks
30th Sep 2020, 11:33 AM
Md.Ruhan Chowdhury
Md.Ruhan Chowdhury - avatar