Vertical center a row

I tried to vertical center a row but not success. my reference is
This is row that i want to vertical center

<div class="page-content" id="id_page_satu" name="id_page_satu" style="">
            <div class="row" >
                <div class="col-33"></div>
                <div class="col-33"><p style="text-align: center;">Page content goes here</p></div>
                <div class="col-33"></div>

Any hints for this? Thanks.

F7 is using flex design, so your reference is too old.

You want row to be centered in page-content? Then yes, check flexbox layout reference

Thanks for reply.
I can centered a row but must include some ‘inline style’ in a class row and in a col row.
Please check this link

When i not include ‘inline style’ this not working like in this ink

How to center a row without additional ‘inline style’ ?

1 Like

Sama kaya masalah ane nih. It works.