How to align multiline text vertically

An example showing how to align multiline text vertically using Tizen 2.3. 
<style>
.outer {
    background: lightgreen;
    width: 400px;
    height: 300px;
}
    
.inner {
    text-align: center;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
</style>
<div class="outer">
    <div class="inner">Lorem ipsum dolor sit amet<br>consectetur adipiscing elit<br>Etiam et eros lobortis mauris</div>
</div>
List

Responses

0 Replies