Evenly placed Horizontal Blocks

<div class="row">
  <div class="block">Block 1</div>
  <div class="block">Block 2</div>
  <div class="block">Block 3</div>
</div>


Use the following styles
==================
.row {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.block {
 width: 100px;
 float: left;
 display: inline-block;
}
If found useful, buy me coffee for the time you saved.

Comments

Popular posts from this blog

How to select and cut out an image in Krita

Transform and Stretch an image in Krita

Joomla error: Your site may not have been upgraded completely