css - Why wont my dynamic row displayed centered -
i add these panels dynamically. tile correctly there margin on right side still when want centered. here sample of code.
<style> .row { display: flex; flex-wrap: wrap; align-content: center; margin:auto; flex-grow:inherit; } </style> <div> <h1 style="text-align: center;">schedule appointment</h1> </div> <div class="panel panel-info " style="margin-left: 10%; margin-right: 10%;" runat="server"> <div class="panel-heading"> <h3 class="panel-title">step 1: click on picture select theripist</h3> </div> <asp:panel class="row container-fluid " style="text-align:center;" id="picturepanel" runat="server" height="100%" width="100%" horizontalalign="center"> </asp:panel> </div>
Comments
Post a Comment