Center various items in line


Description: 




Kind:

CSS, HTML


CSS:

.circles-parent { text-align:center; }
.circle         { display:inline-block; }

style="text-align: center"

#gform_fields_login {
text-align: center;
}

#gform_fields_login li {
display: inline-block;
padding: 8px;
background-color: #dddddd;
}

h3.widget-title,
li#field_3.gfield.field_sublabel_below.field_description_below.hidden_label {
display: none;
}

#gform_fields_2 .gfield_label, #gform_fields_1 .gfield_label {
* 
 display: none;

placeholder="voornaam"

.woocommerce #content div.product .product_title {
color: rgba(96,96,96,1);
}

HTML > BODY > DIV#whitewrap > DIV#wrapper-wcv579f1e718bfd9 > DIV.grid-container > SECTION.row.row-1 > SECTION.column.column-2.grid-left-0.grid-width-8 > DIV#block-b0b57c7e071ab946 > DIV.block-content > DIV.zoekveld2 > DIV#wc_ps_container_8542 > FORM#wc_ps_form_8542 > DIV.wc_ps_nav_fill > DIV.wc_ps_nav_field > INPUT {
color: rgba(184,177,177,1)!important;
text-transform: none!important;
}


HTML:

<div class="circles-parent">
   <div class="circle"></div>
   <div class="circle"></div>
   <div class="circle"></div>
</div>


URL:


© 2016-2020 Code snippets - Jos Vermeulen. All Rights Reserved.