Positioning

[hippno]

can somebody tell me how to position text under a image, and how to position bars
if you want the code here it is

div {
display :block;	

}
#page{
	height: 1916px;
	width: 960px;
	background-color: white;
	margin: 0 auto;
}

#header h1{
	font-size: 100px;
	font-family: bold;
	color: black;
	float: right;
	margin-left: 200px;
	margin-top: auto;
}

#header span{
	font-size: 50px;
	font-family: Ariel;
	color: aqua;
}

#bar {
	height: 40px;
	background: #a7e0ee;
	position: absolute;
	width: 960px;
}

#bar ul {
	padding: 0;
	list-style: none;
	margin-left: 20px;
	margin-top: 6px;
	
}

#bar ul li {
	display: inline;
	font-family:bold;
	font-size: 25px;
}

#bar ul li a {
	text-decoration: none;
	float: left;
	display: block;
	padding: 10px 20px;
}

#footer img {
	width:960;
	height: 300;
	
	
	
}

[zainabr1]

Please paste in your HTML and lesson URL

[hippno]

in fact its not a lesson its a project which im doing. My brother gave me the project from his university projects and im now trying to do it but i have some problems with text and the bar(which now i fixed it) so the only thing that im asking is if you can please teach me how to write text under an image.

if u want html code here you go

koko media

				<div id="header">
					<h1>
						<i>Koko Media</i>
						<span>The User Experience Specialists</span>
					</h1>
					
					<ul>
						<li>
							<a href="#">HOME</a>
						</li>
						<li>
							<a href="https://www.google.com/">ABOUT</a>
						</li>
						<li>
							<a href="https://www.google.com/">SERVICES</a>
						</li>
						<li>
							<a href="https://www.google.com/">PROJECTS</a>
						</li>
						<li>
							<a href="https://www.google.com/">CONACT US</a>
						</li>
					</ul>
				</div>
			
				<div id ="bar">
					
				</div>
			
				<div id="footer">
					<img src="34.jpg"/>
				
				
				</div>
			
		</div>
							
	</body>

[zainabr1]

Like how ? Show me what exactly and I will help you.

Like this ?

[hippno]

i will see it later because i have some problem “irl” so ill see it later thank you very much i appreciate it

[hippno]

i have a quick update about the coding you did, im not saying your coding is bad but you did it uncorrectly which is my fault for you doing that because i didnt show you the image how the project wouldve turned out,but the coding you did helped me correct some of the mistakes i did and now my project is starting to look good, thank you a lot

[zainabr1]

I just copied all your code replaced the image and added a paragraph

Glad I could be of help