text in div

set text position in div

by Leon Rom

HTML

<div class="cells-block">
    <span>
		text<br/>in the block
	</span>
</div>

CSS

div {
    height: 111px;
    width: 222px;
    background: lightgreen;	
}

span {
	background: pink;	
}

.cells-block {
    /* */
    display: flex;
    flex-flow: column;
    /* 
	<span> in <div>
	horisontal: flex-end, center, flex-start 
	*/
    align-items: center;
    /* 
	<span> in <div>
	vertical:  flex-end, center, flex-start 
	*/
    justify-content: flex-end;
    /* 
	text in <span>:  left, center,right
	*/
	text-align: right;
}