JSFiddle - React, Tailwind, and code Playground

by Ray Mak

HTML

<div id="wrapper">
	<div id="mminsert-form">
		<ul>
			<li class="mmnext-form"><p>Hi, there!</p>
			<li class="mmnext-form"><p>Hi, there!</p>
			<li class="mmnext-form"><p>Hi, there!</p>
			<li class="mmnext-form"><p>Hi, there!</p>	
			<li class="mmnext-form"><p>Hi, there!</p>
			<li class="mmnext-form"><p>Hi, there!</p>
		</ul>					
	</div>
</div>

CSS

a {
  text-decoration: none;
  font-family: verdana, sans-serif;
}

ul {
  list-style: none;
}

#wrapper {
  display: block;
  clear: both;
  min-height: 675px;
  margin: 0 auto;
  max-width: 90%;
}

#mminsert-form {
  overflow: hidden;
  width: 100%;
  text-align: center;
  display: block;
}

.mmnext-form {
  width: 80%;
}

.mmnext-form ul li {
  float: left;
}