Jump to content

Vertical images center


alice07

Recommended Posts

Hello,

I'm using w3-third class to show images. Can I center images vertically, since they have not the same height ?

Tried many options but I could not find the right one.

Thanks

 

 

<body>

<div class="w3-card-4 w3-margin" style="width:50%">
  <div class="w3-display-container w3-text-white">
    <img src="largeimg" alt="Lights" style="width:100%">
  </div>

      
  <div class="w3-row w3-padding ">

    <div class="w3-third w3-center">
      <h3><br></h3>
      <img src="img1" style="width:90%">
    </div>

    <div class="w3-third w3-center">
      <h3><br></h3>
      <img src="img2" style="width:90%">
    </div>

    <div class="w3-third w3-center">
      <h3><br></h3>
      <img src="img3" style="width:90%">
    </div>

  </div>
</div>

</body>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...