New course! Every coder should learn Generative AI!
Try a free lesson+ 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.
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
0
Can you post your code?
0
Not now.because that was in my laptop that was not to me right now.Hashim
0
Ok no problem I will find you solution , when do you need it
0
Hashim don't you understand my question after seeing www.apple.com website footer five coloums list?
0
I understand just hold on
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?
0
Sorry.Nope
0
Thanks
Often have questions like this?
Learn more efficiently, for free:
Hot today
What next?
0 Votes
Popsicle program
1 Votes
How to learn Web Development?
0 Votes
Isogram Detector
1 Votes
Why 'null >= 0' is TRUE?
3 Votes
R programming
2 Votes