<div id="user-bar">
			<div id="user-options">
				<div class="notification-container">
					<img src="media/gear-faded.png">
				</div>

				<div class="notification-container">
					<img src="media/courses-faded.png">
				</div>
				
				<div class="notification-container">
					<img src="media/chat-faded.png">
				</div>
			</div>

			<span class="profile-container">
				<img src="https://openlearning-cdn.s3.amazonaws.com/feblioz-avatar-24-ts1330811171.jpg" alt="" border="0" class="profile-image" align="absmiddle" width="24" height="24" id="myAvatar24">
				<span>feblioz</span>
			</span>
		</div>

do you know how to make all the images to be in a line?

Posting this thread under web design->css/html will give more result.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.