html - How this div align the middle? -

-

i have sample:

link

i want align second div middle of first div...i tried vertical-align:middle not working.

it because put container display: table?

code html:

<div class="container-logo">     <div class="logo">logo</div>     <div class="profile-name">name</div> </div>

code css:

.container-logo {     display: table;     margin: 0 auto;}  .logo{         clear: none;     float: left;     height: 57px;     width: auto;     background:red; }  .profile-name{     float: left;     width: auto;     color: blue;     /* line-height: 22px; */     font-size: 14pt;     background:aqua;     font-family: montserrat regular; }

what problem not work ... can give me advice please?

thanks in advance!

edit:

my items must in line , have same height ... want second div put in middle of first ... same height

<div class="container-logo">

replace class name.

    .container-logo {      display: table;      margin: 0 auto;      vertical-align: middle;  }      .logo{      clear: none;      /*float: left;*/      height: 57px;      width: auto;      background:red;      display: table-cell;      vertical-align: middle;  }    .profile-name{      /*float: left;*/      width: auto;            /* line-height: 22px; */            font-family: montserrat regular;      display: table-cell;      vertical-align: middle;  }  .profile-name p{      font-size: 14pt;      background:aqua;      color: blue;      padding:2px;        }
<div class="container-logo">      <div class="logo">logo</div>      <div class="profile-name">          <p>name</p>      </div>  </div>


Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

c# - Get rid of xmlns attribute when adding node to existing xml -

-
i have xml-file: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:d>some content</d> </a> </root> i need add new node in specific place, code is: var doc = xdocument.load(file); xnamespace ns2 = "namespace"; doc.element(ns2 + "root").element(ns2 + "a").element(ns2 + "c").addafterself( new xelement(ns2+"new", new xelement("new1", new xelement("new2","some content"), new xelement("new3", "some content")))); the output is: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:new> <new1 xmlns=""> <new2>some content</new2> ...
Read more