Home>

html5 - about the position of the header

I defined

header, but the list to put in it goes into main.
Could you tell me how to put it in the list in the header?

Enter the code below.

[HTML]




List of internet sites




Internet site list


  • "https://global.toyota/jp/company/profile/overview/">Company Profile




Use it for surfing the internet

Each company is listed below.
Yahoo!

Google

[CSS]
h1 {
color: blue;
}
h2 {
color: red;
}
.header-logo {
background-color: green;
font-size: 36px;
height: 90px;
}
.header-list {
float: right;
list-style: none;
}
.main-logo {
background-color: blue;
height: 100px;
font-size: 25px;

}

Thanks for your cooperation.

html5
  • Answer # 1

    Before answering.
    I actually did it and finally understood the situation.
    If you don't do it, you won't know the situation.

    The answer is that you should play with CSS, but it's close to a work request.
    So, only symptomatic treatment by messing with HTML is presented.

    Replace

    withas follows:
    This will make it look likeheadercontainscompany profile.

    
    
        
            
    Company Profile
    
        
    
     Internet site list

    If you want a way of dealing with CSS, please wait for someone who can accept work requests for free.

  • Answer # 2

    Did you mean clearfix?
    https://developer.mozilla.org/en/docs/Learn/CSS/CSS_layout/Floats#Clearing_boxes_wrapped_around_a_float
    https://coliss.com/articles/build-websites/operation/css/the-end-of-the-clearfix.html

Related articles

Trends