Hello, Please have a look at the attached image, I wanted to create 2 block level area in a header section with only HTML and CSS. Just like_
Header Text
Text in left position SearchBar in Right
I coded like : but could not achieve what I wanted. What would be the best solution? Thanks for the help.
https://ibb.co/pRTrYmw
Header Text
Text in left position SearchBar in Right
I coded like : but could not achieve what I wanted. What would be the best solution? Thanks for the help.
https://ibb.co/pRTrYmw
Code:
<div class="header">
<div class="fakeimg" style="height:200px;">
<div class="headerText">
<h1><span style="color: blue;"> Welcome</span> <span style="color:darkred;">To</span><span style="color: black;">Mypage</span></h1>
</div>
<span style="text-align: left">
- Section Left -
</span>
<span style="text-align: right;">
- Section Right -
</span>
</div>
</div>
Last edited by a moderator: