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

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -