外部 API によって生成されたコンテンツを Web ページに埋め込もうとしています。div
XMLの 1 つを HTML として読み取ってライブ リンクを作成したいことを除いて、希望どおりに出力のスタイルを設定しました。現在、出力はa
、アンカーをアンカーにするだけではなく、 などを使用して生のコードを表示するだけです。div
ブラウザにHTML として伝えるために使用できる CSS 要素はありますか? CSSではない場合、他にできることはありますか?
<style type="text/css">
.csl-entry {
margin-bottom: 2em;
}
.csl-block {
margin-top: 1em;
padding-left: 4em;
}
</style>
<p>
<font style="line-height:200%">
<?xml version="1.0"?>
<div class="csl-bib-body" style="line-height: 1.35; padding-left: 2em; text-indent:-2em;">
<div class="csl-entry">Attridge, Derek, ed. <i>James Joyce’s Ulysses: A Casebook</i>. Oxford University Press, USA, 2004.</div>
<div class="csl-entry">Gifford, Don, and Robert J. Seidman. <i>Ulysses Annotated: Notes for James Joyce’s Ulysses</i>. 2 Rev Enl. University of California Press, 2008.</div>
<div class="csl-entry">Gilbert, Stuart. <i>James Joyce’s Ulysses: A Study</i>. 2nd ed. Vintage, 1987. <a href=“test”>TEST URL with HTML</a>
<div class="csl-block"><a href=“test”>TEST EXTRA WITH LINK</a>.</div>
</div>
<div class="csl-entry">Joyce, James. <i>Ulysses (Gabler Edition) 1st (first) Edition Text Only</i>, 1986.</div>
<div class="csl-entry">Kenner, Hugh. <i>Ulysses</i>. Revised. The Johns Hopkins University Press, 1987.</div>
</div>
</font>
</p>