How to align center columns or remove sapces around inline-block like a float

Use the class inline-col available in bootstrapXP.css

<div class="inline-col"> Some text or image </div>

<div class="inline-col"> Some text or image </div>

Both will be next to each other wthout the spacing that occures when doing display:inline-block  

When used with columns you can center 2 or more columns that are not using 100% the witdth. You only need to wrap them and align center from the wrapper, DO NOT FLOAT. aCenter aligns Center, also available in bootstrapXP.css

<section class="aCenter">

<div class="inline-col col-2 col-mob-6"> Some text or image </div>

<div class="inline-col col-2 col-mob-6"> Some text or image </div>

<div class="inline-col col-2 col-mob-6"> Some text or image </div>

</section>

In this example the 3 columns will be perfectly aligned in the middle all behaving as columns