Middle aligned segment


#1

Hi!

Is there a way to center vertically a content inside a segment div? I’ve got the following markup:

<div class="stretched row">
  <div class="two wide column">
    <div class="ui basic segment">
      <select>
        <!-- OPTION VALUES IN HERE -->
      </select>
    </div>
  </div>
  <div class="column">
    <div class="ui basic segment>
     <!-- DIV CONTENT -->
    </div>
  </div>
  <div class="column">
    <div class="ui basic segment">
      <!-- DIV CONTENT -->
    </div>
  </div>

I’d like that the content inside the 3 segments was vertically centered inside of them. Instead, they always appear at the top. I’ve tried adding class=“ui middle aligned basic segment” but it doesn’t work. Adding class=“middle aligned column” to the parent columns center the segment inside of it but they don’t take up all the vertical space of the column and, as they have border and colored background, it looks odd.

Thanks!