横並びの＜li＞　高さ位置揃え　いろいろ

横並び list を中央揃え

ul.hoge li {
  display: inline-block;
  vertical-align: middle;
}
/* もしくは */
ul.hoge li {
  display: table-cell;
  vertical-align: middle;
}

横並び list を下揃え

ul.hoge li {
  display: inline-block;
  vertical-align: bottom;
}
/* vertical-align: bottom; の記述なしでも通常下揃えになります */

横並び list を上揃え

ul.hoge li {
  display: inline-block;
  vertical-align: top;
}

display: inline-block;