header widgets to display horizontal

hey guys, this one is driving me nuts.. can you tell me how to get my header widgets to lineup horizontal instead of vertical

here is the site: https://www.coldstreamnaturals.com/sandbox.. i’m trying to get the phone number to show up to the left of the social icons..

and here is the header widget code from the css:

/* Header widget */
#widget-header {
	right:0;
	top:0;
	float:right;
	padding-top: 5px;
	z-index:1;

}
	#widget-header ul li {
		background:none;
		padding: 0;
		margin: 0;
		font-size:12px;
		line-height:42px;
		font-family:Arial, Helvetica, sans-serif;
	/*	font-weight:bold; */
		text-shadow:1px 1px rgba(255,255,255,.2);
		margin-left: 19px;
		padding-left: 19px;
		background-repeat:no-repeat;
		background-position:0 40%;
		background-image:url(images/divider.png);
		}

	#widget-header ul li:first-child {
		background:none;
		padding:0;
		margin: 0;
	}
	#widget-header ul li:before {
		background:none;
	}
		#widget-header ul li a {
			color:#6e5f51;
			text-decoration:none;
		}
		#widget-header ul li a:hover {
			text-decoration:underline;
		}

really appreciated.. thanks guys