html - Bootstrap Adding Margin to Centered Column

Question

I have 2 columns that have height 100%. The text is centered in the middle of these columns with margin-left 0.

   <div class='container-fluid'>
            <div class="row mh-100">
                <div class='col-lg-6 ml-2 mh-100'>
                    <div class='position-absolute top-50 translate-middle-y'>
                            <p> text 1 here </p>
                    </div>                    
                </div>
                <div class='col-lg-6 mh-100'>
                    <div class='position-absolute top-50 translate-middle-y'>
                        <p> text 2 here </p>
                    </div>
                </div>          
            </div>
        </div>

Answer 1

Just you need this CSS rule:

.ml-2 > div > p{
    margin-left: 5px; //set this value to what you want
}

UPDATE: position-absolute class is conflicting with ml-2 in your case