Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

image appears below title and not beside it

Status
Not open for further replies.

waydown

Programmer
Apr 27, 2009
49
GB
Hi,
Inside a div I wish to place a header, i.e. a title, and an image beside it. However, the image keeps on appearing below the title and not beside it. Is there any way I can prevent this?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
#HEADER
{ width: 1560px;
  height: 190px;
  background-color: #00FF7F;
  padding-top: 10px;
}
#HEADER h1
{ font-size: 43px;
  font-weight: bold;
  font-family: century gothic;
  color: #FF4500;
  letter-spacing: 3px;
}
</style>
</head>

<body>
    <div id="HEADER">
     <h1>My Title</h1>
      <img src="ImgA.jpg"
             alt="" width="60" height="60"/>
    </div>
</body>
</html>
 
Try
Code:
display:inline;
on your <h1>

If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top