I am using XLST to transform into html, there is a section where I would like the comment box to be aligned on the same line as the text. I have attached a picture of what I am aiming for along with the XSLT and CSS code…I am pretty sure I need to configure the CSS code but I do not know how, your help is highly appreciated!

The result I am trying to achieve:

This is the XSLT code for it:

<div style="page-break-after: always;">
<h1>Additional Risk Factors</h1>
                    
<div class='inputs_block'>
<div class="inputs_child">
<div class="input_labelFixedWidth_nowrap">There are additional risk factors that would require additional points.</div> 
</div>
      <div class="inputs_child_right_space">
      <div class="smallWidthTextArea">
      <xsl:value-of select="//AdditionalFactors1"/>
</div>
</div>
</div>
      <div class="inputs_child">         `these CSS properties needs changing`
      <div class="input_label">Comments</div>
      <div class="fullWidthTextArea">
      <xsl:value-of select="//AdditionalFactorsComments1"/>
      </div>
</div>
<div class='inputs_block'>
<div class="inputs_child">
<div class="input_labelFixedWidth_nowrap">The manager of the Contracting Party is a PEP.</div>
</div>
      <div class="inputs_child_right_space">
      <div class="smallWidthTextArea">
      <xsl:value-of select="//AdditionalFactors2"/>
</div>
</div>
</div>
      <div class="inputs_child">          `these CSS properties needs changing`
      <div class="input_label">Comments</div>
      <div class="fullWidthTextArea">
      <xsl:value-of select="//AdditionalFactorsComments2"/></div>
</div>

The CSS properties I used above:

.inputs_child {
                display: inline-block;
        margin-right: 20px;
            vertical-align: top;
        padding: 1px;
}

.input_label {
        font-weight: bold;
        padding: 1.5px;
}

.fullWidthTextArea {    `This probably needs changing to make it aligned with the comments text`
                width: 690px !important;
            min-height: 10px;
            font-size: 10px;
            border-style: solid;
            border-width: 1px;
            border-color: Gainsboro;
            white-space: pre-line;
            padding: 4px 4px 4px 4px;
}

Thanks in advance!

I have tried changing the CSS properties by changing the padding and other stuff but it does not make it the in the same line as the comment