JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div class="modal-footer">
  <div class="wrapper-div">
    <button type="button" class="button"> Submit Filters </button>
 </div>
</div>.

CSS

.modal-footer {
  background-color: #2A3E5D;
  color: white;
  height: 100px;
  padding: 2px 16px;
}
.wrapper-div {
  height:100%;
  display: flex;
//  flex-direction: column;//only vertical
  align-items: center;//both vertical and horizonal
  justify-content: center;
  //vertical-align: middle
}
.button {
  background: #e8e8e8;
  display: inline-block;
  font-size: 12px;
  width:100px;
  //  position: relative;
}