Is there a way to align these lists (unordered lists inside list items 1 through 4) side by side using CSS3?
I've tried different methods, but I can't seem to figure it out. Here is the code I've been using:
<footer>
<ul>
<li>1</li>
<ul>
<li>Vision & Policy</li>
<li>Study Program Structure</li>
<li>Competencies</li>
</ul>
<li>2</li>
<ul>
<li>Announcements</li>
<li>Events Calendar</li>
<li>Propaedeutics</li>
</ul>
<li>3</li>
<ul>
<li>Contact</li>
<li>Blog</li>
<li>Faculty Members</li>
<li>Academic Office</li>
</ul>
</ul>
</footer>