I am having a hard time figuring out how to get a header text next to the Pictur
ID: 3574749 • Letter: I
Question
I am having a hard time figuring out how to get a header text next to the Picture in my HTML code. Below is my code for the page but I have a image at the top left corner of the page as a logo and want to center the words, St. John's Lutheran Church, Akeley, Mn next to it at the top.
<!DOCTYPE html>
<html>
<head>
<title>
St. John's Lutheran Church Akeley, Minnesota
</title>
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]>
<link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link href="css/style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<div class="container showgrid">
<a href="http://"><img src="images/pic1.jpg" alt="Site Logo" height="100" width="175"></img></a>
</div>
</div>
<div id="navbar">
<ul>
<li><a href="#">Forum's</a></li>
<li><a href="#">Chat's</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
</ul>
<section>
<img src="images/pic2.jpg" alt="pic2"/>
</section>
</div>
</body>
</html>
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<title>
St. John's Lutheran Church Akeley, Minnesota
</title>
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]>
<link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link href="css/style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="logo">
<div class="container showgrid">
<a href="http://"><img src="images/pic1.jpg" alt="Site Logo" height="100" width="175"></img></a>
</div>
</div>
<div align=center >
St. John's Lutheran Church, Akeley, Mn
</div>
<div id="navbar">
<ul>
<li><a href="#">Forum's</a></li>
<li><a href="#">Chat's</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Sign up</a></li>
</ul>
<section>
<img src="images/pic2.jpg" alt="pic2"/>
</section>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.