Verticle Align Example

HTML

<div class="ctn ctn-3">
    <div class="ele ele-1"></div>
    <div class="ele ele-2"></div>
    <div class="ele ele-3"></div>
</div>

CSS

.ctn{
    display:block;
    width:100%;
}
h2{
    font-family:sans-serif;
    font-size: 16px;
    color:#444;
    text-align:center;
}
.ele{
    display:inline-block;
    width:100px;
    margin-right:16px;
}
.ele:last-of-type{
    margin-right:0;
}
.ctn-2 .ele{
    vertical-align:top;
}
.ctn-3 .ele{
    vertical-align:middle;
}
.ctn-4 .ele{
    vertical-align:bottom;
}

JavaScript

var output = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ligula lacus, congue non convallis id, vulputate molestie nisi.",
    output2 = "Curabitur in augue quis urna pulvinar tincidunt.",
    output3 = "Aliquam eget mauris quis ante fermentum consectetur. Ut ligula elit, varius eget tempor vel, sollicitudin vitae dui.";

//$(".ele-1").html(output);
$(".ele-2").html(output2);
//$(".ele-3").html(output3);