JSFiddle - React, Tailwind, and code Playground

by apasaja

HTML

<div id="slide-preview">
                                    <div id="slide-pos">
                                        <ul>
                                            <li id="slide01" class="slidez">
                                               aaa
                                            </li>
                                            <li id="slide02" class="slidez">
                                                bbb
                                            </li>
                                            <li id="slide03" class="slidez">
                                                ccc
                                            </li>
                                            <li id="slide04" class="slidez">
                                                ddd
                                            </li>
                                            <li id="slide05" class="slidez">
                                                eee
                                            </li>
                                            <li id="slide06" class="slidez">
                                                fff
                                            </li>
                                        </ul>
                                    </div>
                                </div>

CSS

#slide-preview {
    width: 200px;
    overflow: hidden;
}
#slide-post {
    width: 200px;
    overflow: hidden;
}
#slide-pos li {
    width: 200px;
    display: inline;
}