The html for that reference looks like:
<div class="csl-bib-body">
<div class="csl-entry"><a id="citeproc_bib_item_1"></a>
<div class="csl-left-margin">[1]</div><div class="csl-right-inline">G. Scalia, C.A. Grambow, B. Pernici, Y.-P. Li, W.H. Green, <a href="" href="https://doi.org/10.1021/acs.jcim.9b00975">https://doi.org/10.1021/acs.jcim.9b00975">Evaluating Scalable Uncertainty Estimation Methods for Deep Learning-Based Molecular Property Prediction</a>, Journal of Chemical Information and Modeling, 60 (2020) 2697-2717.</div>
</div>
</div>
</div>
I don't see why there is an extra line there, I guess it is some CSS styling.
if you change the csl style to apa-numeric-superscript-brackets.csl
you get
![image.png](pngnMIJc6_ITc.png)
which I think is closer to what you want. The html for this looks like this, and does not have some of the div elements seen above. I guess this is something in the style files themselves.
<div class="csl-bib-body">
<div class="csl-entry"><a id="citeproc_bib_item_1"></a>1. Scalia, G., Grambow, C. A., Pernici, B., Li, Y.-P., & Green, W. H. (2020). Evaluating Scalable Uncertainty Estimation Methods for Deep Learning-Based Molecular Property Prediction. <i>Journal of Chemical Information and Modeling</i>, <i>60</i>(6), 2697–2717. <a href="" href="https://doi.org/10.1021/acs.jcim.9b00975">https://doi.org/10.1021/acs.jcim.9b00975">
https://doi.org/10.1021/acs.jcim.9b00975</a></div>
</div>
</div>
John
-----------------------------------
Professor John Kitchin (he/him/his)
Doherty Hall A207F
Department of Chemical Engineering
Carnegie Mellon University
Pittsburgh, PA 15213
412-268-7803