JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<script src="http://jquerydevbrazil.googlecode.com/svn/trunk/jquery.center.js"></script>
<div class="container">
    <div class="inner_box">
        <ul>
            <li>picture 2</li>
            <li>picture 3</li>
              <li class="text_box">
                    <p>a whole paragraph goes here</p>
                    <p>a whole paragraph goes here</p>
            </li>
  
        </ul>
    </div>
</div>

CSS

.container {
    width: 300px;
    height: 300px;
    border: 1px solid salmon;
    position: relative;
}
.inner_box {
    border: 1px solid salmon;
    width: 250px;
    height: 250px;
    display:block;
}
.text_box {
    border: 1px solid salmon;
    width: auto;
}
li {
    width: 250px;
    height: 250px;
/*     position: absolute; */
    display:block;
    background-color:thistle;
  /*   left: 0;
    top: 0; */
}

JavaScript

$('.inner_box, .text_box').center();