I'm struggling to figure out why a small white space appears next to my webpage. Inspecting the element shows that the body ends before the space begins, indicating the border is where it should be. As a beginner in HTML and CSS, I hope this issue will be an easy fix!
HTML:
<!DOCTYPE html>
<html>
<body>
<!--Logo + Social media and login + navbar + search bar-->
<div class="login">
<div class="container-fluid">
<ul class="pull-right">
<li class="loginbutton"><a href="#">Log In</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#"></a></li>
</ul>
<ul class="pull-left">
<li><a href="#"><img class="twitter" src="#"></a></li>
<li><a href="#"><img class="facebook" src="#"></a></li>
<li class="pressreleases"><a href="#">Press</a></li>
</ul>
</div>
</div>
<div class="logo">
<div class="container-fluid">
<a href="#"><img class="logo" src="#" border="0"></a>
</div>
</div>
<div class="nav">
<ul class="navbar">
<li><a href="#">New</a></li>
<li><a href="#">Popular</a></li>
<li><a href="#">Database</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
<div class="searchbar">
<div class="container-fluid">
<div class="col-md-12">
<form>
<input class="search" type="text" placeholder="Lookup symbol..." required>
<input name="Submit" class="button" type="submit" value="Search">
</form>
</div>
</div>
</div>
<!-- end Logo + Social media and login + navbar + search bar-->
<div class="frontpage">
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<div class="headliner">
<h3>New releases</h3>
<p>Learn everything you need to know. <p>
<p><a href="#">Learn more</a></p>
</div>
</div>
<div class="col-md-3">
<div class="ad1">
<h1>Ad</h1>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="row">
<ul class="top">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<div class="row">
<ul class="middle1">
<li><a href="#">Advertise</a></li>
<li><a href="#">Investor Relations</a></li>
</ul>
</div>
<div class="row">
<ul class="middle2">
<li><a href="#">Application for Internship/Position</a></li>
</ul>
</div>
<div class="row">
<ul class="bottom">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Feedback</a></li>
</ul>
</div>
<div class="copyright">
<p>2014<p>
</div>
</footer>
</body>
</html>
CSS:
/* CSS code here */