JSFiddle - React, Tailwind, and code Playground

HTML

<p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
    <p>6</p>
    <p>7</p>
    <p>8</p>
    <p>9</p>
    <p>10</p>
    <p>11</p>
    <p>12</p>
    <p>13</p>   
    <p>14</p>
    <p>15</p>   
    <p>16</p> 
    <p>17</p> 
    <p>18</p> 
    <p>19</p> 
    <p>20</p>

CSS

*{
    position:relative;
}
*:nth-child(3n):after{
    content:"Fizz";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    background-color:white;
}
*:nth-child(5n):before{
    content:"Buzz";
    background-color:white;
    display:block;
    position:absolute;
    padding-left:3em;
    top:0;
    bottom:0;
}