无法将我的列垂直对齐

Question

我想在行中垂直对齐col-md-3 div。我尝试了stackoverflow上的大多数解决方案。你能帮助我吗 ？我有这段代码：

＆＃13;

＆＃13;

.content-wrap-optin{
	background-color: #1ED037;
	padding: 0 0;
	height: 220px;
}


.optin-text-row{
	display: table;
}

.optin-text-col{
	vertical-align: middle;
	display: table-cell;
}

＆＃13;

<div class="content-wrap content-wrap-optin">
    <div class="container clearfix">
        <div class="row clearfix optin-text-row">	

            <!-- Call to action -->
            <div class="col-md-3 optin-text-col">
                <p class="optin-text">Descarca Gratuit 7 carti marca Zig Zag prin Romania si descopera valorile autentice romanesti!</p>
            </div>

        </div><!-- row -->
    </div><!-- container clearfix -->
</div><!-- content-wrap -->		

＆＃13;

＆＃13;

＆＃13;