JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="fluidDescription_subContainer" style="">
                    <table name="sav" style="" id="fluidDescriptions_table" class="table">
                        <tbody id="fluidDescriptions_tbody"><tr style="border-bottom: 1px solid #f4f4f4"><td id="fluidDescriptions_controlFunction">Typ 2.3</td></tr><tr style="border-bottom: 1px solid #f4f4f4"><td id="fluidDescriptions_steuerung">GAZ-7</td></tr><tr><td>aaa</td></tr><tr><td>bbb</td></tr><tr><td>ccc</td></tr></tbody>
                    </table>
                    <a href="#" id="sav_fluid_extra_button" data="GAZ-7-SR-2SOV-2QDV-PRV-HPP" style="">
                        <b>Fluid-Plan</b>
                        <i class="fa fa-file-pdf-o fa-5x"></i>
                    </a>
                </div>

CSS

#fluidDescription_subContainer{
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: white;
}

#fluidDescriptions_table[name="sav"] {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0px;
    flex: 3;
}

#fluidDescriptions_controlFunction {
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
}

#fluidDescriptions_controlFunction, #fluidDescriptions_steuerung {
    letter-spacing: 1px;
    font-weight: 400;

}
#fluidDescriptions_steuerung {
    font-size: 14px;
}

#fluidDescriptions_title {
    padding: 5px;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 1px;
    //font-family: helvetica;
    text-align: left;
    border-bottom: 2px solid #f4f4f4;
    border-top: 3px solid #d2d6de;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: white;
}

#sav_fluid_extra_button{
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1;
    cursor: pointer;
    border-left: 2px solid #f4f4f4;
    text-decoration: none;
}