Align coding to the left

Hi,

Making a computer repairs website and I’ve entered a Facebook code into the header.php for Wordpress, however the output is displaying the code in the centre rather than the left. Perhaps it’s due to the CSS. I’ve tried to put in align=”left” but it didnt work.

What code so I need to add to force it to display to the left rather than centre?

<!-- Facebook like inserted -->
	
	<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2&appId=896873047023683&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	
	<div class="fb-like" data-href="https://www.facebook.com/thatcomputerguy.tech/" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
	
	<!-- Facebook like ends -->
#fb-root{ position:relative; float: right; }
hello
<div class="fb-like" data-href="https://www.facebook.com/thatcomputerguy.tech/" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>

add position : relative; in your styling file . after adding position try to give the property of float:left; or float:right;

and then run the code in your browser.

Thank You :slight_smile:

Added style and now it’s solved, thanks for the reply