I was working on some code and ran into a bit of a problem.
For some background information: I’m new to HTML and to get better acquainted with it, I decided to work on a small website. On one of my webpages, I wanted to have a list of U.S. states, with each state being a clickable link that takes the user to the page for that state.
I want the links to be in multiple columns, not all jumbled up together or in one long column, however I am absolutely puzzled as how to do this. Here’s a picture example of what I’m trying to achieve:
Would I use the table element to break my links up? I tried using the div element but that didn’t give me the results I was looking for. The solution is probably so obvious, but I just cannot figure this out. Any help would be appreciated!
Hi @jwilkins.oboe
Thanks for the suggestion!
Here’s the initial way I had used the div element:
And here’s a link to the results (I wasn’t able to insert another picture into the post since I’m a new member. Hopefully the link can be accessed.):
I was going to do this for every link and then somehow split the list into multiple columns so that it’s not just one very long list. However, I feel like there is a much better way to go about doing this than putting a div element in between each link. Again, thank you for your suggestion! I’ll try the div/flexbox method and see how it comes out.
