SyntaxFix

Write A Post

Hire A Developer

Questions

Tags

[css] How can I horizontally align my divs?

For some reason my divs won't center horizontally in a containing div:

_x000D_

_x000D_

.row {_x000D_
  width: 100%;_x000D_
  margin: 0 auto;_x000D_
}_x000D_
.block {_x000D_
  width: 100px;_x000D_
  float: left;_x000D_
}

_x000D_

<div class="row">_x000D_
  <div class="block">Lorem</div>_x000D_
  <div class="block">Ipsum</div>_x000D_
  <div class="block">Dolor</div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

And sometimes there is a row div with just one block div in it. What am I doing wrong?

This question is related to css

The answer is

Source: Stackoverflow.com

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width