Formatting Dynamic Sidebar (using Widgets)

Site in question:

https://miss-britt.com/photo/

The dynamic sidebar is at the bottom of this page and is currently displaying three widgets. They are displaced up and down and I’d like them to run left to right, inline.

Where the sidebar is dispalyed (in footer.php):

<div id="secondary_nav">

		<div id="secondary_nav_content">

		<ul>
		<?php if ( !function_exists('dynamic_sidebar')
			  || !dynamic_sidebar() ) : ?>

		<li class="footerlist">
		<h2>Categories</h2>
			<ul>
				<?php wp_list_categories('orderby=name&title_li='); ?>
			</ul>
		</li>

		<li class="taglist">
		<h2>Tags</h2>
				<div class="wp-tag-cloud">
				<?php wp_tag_cloud('format=flat&unit=px&smallest=10&largest=24'); ?>
				</div>
		</li>

		<li class="footerlist">
		<h2>Archives</h2>
			<ul>
				<?php wp_get_archives('format=html'); ?>
			</ul>
		</li>

		<li class="footerlist">
		<h2>Blogroll</h2>
			<ul>
				<?php wp_list_bookmarks('categorize=0&title_li=0&title_after=&title_before=');?>
			</ul>

		</li>

		<?php endif; ?>

	     </ul>
		</div>
		<div class="clear"></div>
	</div>

	<div id="footer">
	<div class="copyright">
	<p><a href="https://andreamignolo.com/themes/wordpress/ocular-professor">Ocular Professor</a> by <a href="https://andreamignolo.com">Mignolo</a> &sect; Powered by
		<a href="https://www.ads-software.com">WordPress</a>
	</p>
	</div>

</div>

</body>

</html>

All potentially relevant code from CSS:

#topnav, #blog_title, #archive_wrapper, #secondary_nav_content {
	width: 80em;
	margin: 0 auto;
	}

#secondary_nav {

	padding: 0 0 3em 0;
	}

#secondary_nav ul {
	display: inline;
	list-style-type: none;
	float: left;
	}

#secondary_nav_content ul {
	display: inline;
	list-style-type: none;
	float: left;
	}

#secondary_nav_content li {
	line-height: 1em;
}

.footerlist li a {
	display: inline;
	padding: .2em .5em 0 .5em;
	}

.footerlist {
	clear: both;
}

.footerlist ul {
	margin: 0 0 0 0;
	display: inline;
}

.footerlist ul li {
	display: inline;
	float: left;
	display: block;
	margin: .5em 0;
}

.widget ul li {
	display: inline;
/*
	float: left;
	text-align: left;
*/
	margin: .5em;
}

.widget ul {
	margin: 0 0 0 6em;
	line-height: 1.5em;
}

(the float is commented out right now as a result of my screwing with it – nothing changed either way)

NOTHING I’ve tried is working.