DIV Titles with Images Example

Download a zipped copy of this file with the complete folder structure

body {
	color:#F2B368;
	text-align: center;
	background-image: url('media/bg.gif');
	margin:50px 0px; padding:0px;
	}

#container {
	margin: 0 auto;
	width: 270px;
	background-color: #000;
	border: medium solid #000;
	}

#title1, #title2 {
	position: relative;
	margin: 0 auto;
	width: 248px;
	height: 43px;
	border: medium solid #000;
	margin: 10px;
	display: block;
        margin-left: auto;
        margin-right: auto;
	}

#title1 {
	background-image: url('media/title1.png');
	}
#title2 {
	background-image: url('media/title2.png');
	}

#box1, #box2 {
	position: relative;
	width: 240px;
	border: solid #000;
	background-color: #333;
	border: medium solid #000;
	margin: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

Tags: CSS, HTML, Tutorial, Web Design