How to create 2 sections side by side in header section?


Joined
Feb 7, 2020
Messages
5
Reaction score
0
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
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:
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top