w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Fluid - vertically align all elements, two elements position left and right and one is on center

with text-align you have to add a line with an extra element or a pseudo element to trigger text-align:justify; on single line.

body {
    padding: 0;
    margin: 0;
}
#menu_header_new {
    margin-top: 2.5%;
    min-height:20%;
    width:100%;
    overflow: hidden;
    position: relative;
    border: 1px solid green;
  text-align:justify;
  font-size:0.01px;
}
#menu_header_new:after {
  content:'';
  display:inline-block;
  width:100%;
  vertical-align:top;
}
img {
  vertical-align:middle;
}
#menu_logo {
    position: relative;
    width: 20%;
    height: 10%;
    text-align: center;
}
#menu_info, #menu_settings {
    position: relative;
    width: 10%;
    height: 10%;
}

Or you can use display:flex; see different test with display and text-align: http://codepen.io/gc-nomade/pen/nrbDl





© Copyright 2018 w3hello.com Publishing Limited. All rights reserved.