Vertical center a row

Questions
1

I tried to vertical center a row but not success. my reference is https://css-tricks.com/centering-css-complete-guide.
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>
            </div>
  </div>

Any hints for this? Thanks.

2

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

https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/

3

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

4

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
5

Sama kaya masalah ane nih. It works.