Footer text wrapping – how to stop?

Here’s the footer.php file

<?php
/**
 * @package WordPress
 * @subpackage Surplus Theme
 */
global $data
?>
	<div class="clear"></div><!-- make sure to clear all main content above -->
	</div>
	<!-- /main -->
    <?php if($data['disable_widgetized_footer'] !='disable') { ?>
    ?
    <footer id="footer">
        <div id="footer-widget-wrap" class="clearfix">

            <div id="footer-widget-first">
                <?php dynamic_sidebar('footer-widget-first'); ?>
            </div>
            <!-- /footer-widget-first -->

            <div id="footer-widget-second">
                <?php dynamic_sidebar('footer-widget-second'); ?>
            </div>
            <!-- /footer-widget-second -->

            <div id="footer-widget-third">
                <?php dynamic_sidebar('footer-widget-third'); ?>
            </div>
            <!-- /footer-widget-third -->

        </div>
        <!-- /footer-widget-wrap -->
    </footer>
    <!-- /footer -->
    <?php } ?>
    <aside id="footer-bottom" class="clearfix">

        <div id="copyright">
            <?php if(!empty($data['custom_copyright'])) { echo $data['custom_copyright']; } else { ?>
            ? <?php _e('Copyright', 'surplus'); ?> <?php echo date('Y'); ?> <a>/" title="<?php bloginfo('name'); ?>" rel="home"><?php bloginfo('name'); ?></a>?<span>|</span>?<a href="/policies" title="">Read Our Policies </a><span>|</span>?<a href="/shipping-and-returns" title="">Return Policy</a>
            <?php } ?>
        </div>
        <!-- /copyright -->

        <nav id="footer-menu">
            <?php wp_nav_menu( array(
                'theme_location' => 'footer_menu',
                'sort_column' => 'menu_order',
                'fallback_cb' => ''
            )); ?>
        </nav>
        <!-- /footer-menu -->

	</aside>
	<!-- /footer-bottom -->

    <a href="#toplink">"><span class="awesome-icon-chevron-up"></span></a>
</div>
<!-- /wrapper -->

<?php
//show tracking code - footer
echo stripslashes($data['tracking_footer']);
?>

<script src="https://cdn.shopify.com/s/files/1/0250/0812/t/1/assets/jquery_test.api.js" type="text/javascript"></script>
  <script src="https://cdn.shopify.com/s/files/1/0250/0812/t/1/assets/jquery.storage.js?238" type="text/javascript"></script>
<?php wp_footer(); ?> <!-- WP Footer - don't delete me or bad stuff will happen -->
</body>
</html>

[Please post code or markup between backticks or use the code button. Or better still – use a pastebin. Your posted code may now have been permanently damaged/corrupted by the forum’s parser.]

Change the width to a higher % or auto:

#copyright {
	float: left;
	width: 35%;
    font-size: 12px;
	color:#666;
}

To discover what CSS is output by your theme, use a web inspection tool such as Firebug: https://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: https://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool

There are others.

When editing CSS, use a Child Theme
https://codex.www.ads-software.com/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.

Learn CSS: https://www.w3schools.com/css/