New course! Every coder should learn Generative AI!
Try a free lesson0
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 Answer
+ 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? -->
Often have questions like this?
Learn more efficiently, for free:
Hot today
Hello
0 Votes
Help me plss
0 Votes
Kotlin programing
0 Votes
[SOLVED] About split() Function
1 Votes
Android studio emulator
0 Votes
help me
0 Votes