JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div id="dogs">
    <div class="dog">
        <p>dog</p>
    </div>

    <div class="dog">
        <p>dog</p>
    </div>

    <div class="dog">
        <p>dog</p>
    </div>

    <div class="dog">
        <p>dog</p>
    </div>

    <div class="dog">
        <p>dog</p>
    </div>
</div>

CSS

#dogs  {
  display: inline-block;
	border: 1px solid black;
  padding:10px;
}

.dog  {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  display: inline-block;
  margin-bottom:10px;
  margin-right:10px;
}