Hello everyone, the simplest code - and the float right of the topline element does not work anymore. I work with Mozilla firefox HTML:

<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>Future site</title> <link rel="stylesheet" href="css/bootstrap-grid.min.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header class = "top_header"> <div class = "header_topline"> <div class = "container"> <div class = "col-md-12"> <div class = "row"> <div class = "header_logo"> <img src = "img/ETS.png"> </div> <div class = "header_menue"> qw </div> </div> </div> </div> </div> </header> </body> </html>

CSS:

 .header_topline { padding: 15px 0; } .header_menue { width: 85%; float: left; }
  • there at the end float: right; I was sealed here - Mike_Gore

1 answer 1

float works, you need to swap header_logo and header_menue

 .header_topline { padding: 15px 0; } .header_menue { width: 85%; float: left; } 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Future site</title> <link rel="stylesheet" href="css/bootstrap-grid.min.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header class="top_header"> <div class="header_topline"> <div class="container"> <div class="col-md-12"> <div class="row"> <div class="header_menue"> qw </div> <div class="header_logo"> <img src="img/ETS.png"> </div> </div> </div> </div> </div> </header> </body> </html>

  • I did that, but the logo just went to the right, and the header_menue stuck to the left, that is, the float: right itself doesn’t react again. Could there be a problem in that I have a sublime sampler? Unregistered version? - Mike_Gore pm