How to Display Masonry Box in Html Css - Easy And Simple

            

              <article class="blog-gridd">
                <section class="section-blog-single">

                <!-- Write your code here -->

                </section>
              </article>

            
            

Use This Css

            

              <style>

                article {
                  -moz-column-width: 20em;
                  -webkit-column-width: 20em;
                  -moz-column-gap: 1em;
                  -webkit-column-gap: 1em;
                }

                section {
                  display: inline-block;
                  margin: 0.25rem;
                  width: 100%;
                  background: #efefef;
                  margin-bottom: 14px;
                }
                
              </style>