JSFiddle - React, Tailwind, and code Playground

by Prashank Abhishek

HTML

<div style="width:320px;">
                <ul style="width:auto;">        

    <li><p style="padding-bottom:0px;">I know I must exercise in order to meet my goal.</p></li>
    <li><p style="padding-bottom:0px;">My fat burning zone for exercise is <asp:Label ID="lblHeartRate" runat="server" Text="0" ForeColor="#006666" Font-Size="Large" Font-Bold="True"></asp:Label> beats per minute.</p></li>
    <li><p style="padding-bottom:0px;">My caloric intake for the first 30 days is to be <asp:Label ID="lbl30daycalories" runat="server" Text="" ForeColor="#006666" Font-Size="Large" Font-Bold="True"></asp:Label> calories and will be set at <asp:Label ID="lblCalstoGoal" runat="server" Text="" ForeColor="#006666" Font-Size="Large" Font-Bold="True"></asp:Label> calories until I reach my goal weight.</p></li>
    <li><p style="padding-bottom:0px;">I understand I must weigh and measure my foods and count the calories of everything I put in my mouth in order to gain an understanding of my daily caloric intake and to learn to keep my caloric intake within my daily goal BMR.</p></li>
    <li><p style="padding-bottom:0px;">I know where to find the Synergy Medical Weight Loss Centers website.</p></li>
    <li style=""><p style="padding-bottom:0px;">I understand in order to receive my medication refill, I must come in at least 3x over the next 30 days to ensure my records are up to date. I also understand if I fail to comply I may be declined my refill.</p></li>
    <li style=""><p style="padding-bottom:0px;">I understand that if I am on the hCG hormone therapy, that I must refrigerate my hCG, follow the directions precisely in order for the hCG to last the full 30 days.</p></li>
    <li style=""><p style="padding-bottom:0px;">I understand that the Four Month Plummet consists of only 1 round of hCG, lasting 30 days and that if I wish to continue the hCG,...

CSS

li p {
    word-wrap: break-word;
}