JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:50%;padding:2px">
                                <div style="float:left;width:15%;margin-top:20px">
                                    <ul style="list-style:none;padding:0px">
                                        <li style="color:#b3b3b3;text-transform:uppercase;height:100px;width:auto">
                                            <div style="width:16px;height:16px;border-radius:50%;border:2px solid #FF370C;background-color:#FF370C"></div>
                                            <div style="height:80px;border-left:1px solid #07c200;margin-left:9px"></div>
                                        </li>
                                        <li style="color:#FF370C;text-transform:uppercase;height:100px;width:auto">
                                            <div style="width:16px;height:16px;border:2px solid #8cc63f;border-radius:50%;background-color:#8cc63f"></div>
                                            <div style="height:80px;border-left:1px solid #07c200;margin-left:9px"></div>
                                        </li>
                                        <li style="color:#b3b3b3;text-transform:uppercase;height:100px;width:auto">
                                        <div style="width:16px;height:16px;border:2px solid #8cc63f;border-radius:50%;background-color:#8cc63f"></div>
                                    </ul>
                                </div>