How to move text above header to left


I have add some text above header on a test site that I am preparing:

I would like to ask you to help me with moving text below to the left side , so it will not be next to facebook logo.

Thank you in advance!

Hello there,

I hope you are doing well today.

In order to edit the appearance of this content that you have added you need to give it a special CSS id so that we can use the id to add some CSS to it.

Best Regards,

Hi and thank you very much for your reply , I have did some changes (not quite sure how good they are but it is almost what I wanted) unfortunately almost. Please have a look now :

what I would like to achieve is : text on the left to be aligned with f(for facebook), below is the changes I made in CSS:
.hgroup-left {
float: left;
margin-top: 1px

.contacts {


.contacts ul li {
margin-top: 15px;
float: left;
padding-left: 10px;

thank you in advance