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

Discussion in 'HTML and CSS' started by prohor, Feb 7, 2020.

  1. prohor


    Feb 7, 2020
    Likes Received:
    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.
    Code (Text):

    <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>
         <span style="text-align: left">
          - Section Left -
         <span style="text-align: right;">
          - Section Right -
    Last edited by a moderator: Feb 11, 2020
    prohor, Feb 7, 2020
    1. 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 (here). After that, you can post your question and our members will help you out.