<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="exerciseFour"> <div id="exerciseFive"> <span class="CourseLesson">Pre-Course Lessons</span> <img class=logo src="https://techcrunch.com/wp-content/uploads/2018/07/logo-2.png?w=300"/> <span class="SchoolName">Avion School</span> </div> </div>

.CourseLesson{ float:right; } .logo{ width:40px; position: absolute; left: 50%; } .SchoolName{ float:left; padding-right:15px; }