0
Images in both corners in header section
i am learner. i want to put images in right and left corners of the header section and heading in center. pls help me regarding this. all r align
1 ответ
+ 10
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
text-align:right;
}
img {
background:orange;
width:50px;
height:75px;
}
header {
display:inline-block;
width:auto;
text-align:center;
border:1px solid red;
}
header img:first-child {
float:left;
}
header img:last-child {
float:right;
}
header span {
line-height:75px;
margin:0 1em;
}
</style>
</head>
<body>
<header>
<img>
<span>Page Title</span>
<img>
</header>
</body>
</html>
<!-- Something like that? Or do you mean having images set as css background of the 'header' element? -->