How do i center an image in a row

Question

How do i center an image in a row.
My code is not working.

<div class="container">

    <div class="row">

        <div class="col s10">

            <img class="center" src="house.png" alt="House"/>

        </div>

    </div>

</div>

There are no problems with a text tag (e.g.

h1

or

p

)

Edit: The class

center-align

doesn't work either.

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

you can use text-center like this:

<div class="container">
   <div class="row">
      <div class="col s10 text-center">
          <img class="center" src="house.png" alt="House"/>
      </div>
   </div>
</div>

How do i center an image in a row

Sign up