Skip to content

Instantly share code, notes, and snippets.

@njbart

njbart/test-csl-display-attributes.html

Created April 9, 2016 09:21
Show Gist options
  • Save njbart/1e7d5ec15035b304886e58c87cbd4b48 to your computer and use it in GitHub Desktop.
Save njbart/1e7d5ec15035b304886e58c87cbd4b48 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test-csl-display-attributes.html
<!DOCTYPE HTML>
<html>
<head>
<style>
.csl-bib-body { line-height: 1.35; }
.csl-entry { clear: left; }
.csl-block { }
.csl-left-margin { clear: left; float: left; width: 100px; }
.csl-right-inline { margin-left: 100px; }
.csl-indent { margin-left: 3em; }
</style>
</head>
<body>
<div class="csl-bib-body">
<div class="csl-entry">
<div class="csl-block">
block block block block block block block block block block block block block block block block block block block block block block block block block block block block block block block block block
</div>
<div class="csl-left-margin">
left-margin
</div>
<div class="csl-right-inline">
right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline
</div>
<div class="csl-left-margin">
1999
</div>
<div class="csl-right-inline">
right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline
</div>
<div class="csl-indent">
indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent
</div>
<div class="csl-right-inline">
right-inline alone
</div>
<div class="csl-left-margin">
left-margin alone
</div>
</div>
<div class="csl-entry">
<div class="csl-block">
Aristotle
</div>
<div class="csl-left-margin">
1984
</div>
<div class="csl-right-inline">
<i>The Complete Works of Aristotle: The Revised Oxford Translation.</i> Jonathan Barnes, ed. Bollingen Series, 2. Princeton, NJ: Princeton Univ. Press.
</div>
<div class="csl-left-margin">
1999
</div>
<div class="csl-right-inline">
right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline right-inline
</div>
<div class="csl-indent">
indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent indent
</div>
<div class="csl-right-inline">
right-inline alone
</div>
<div class="csl-left-margin">
left-margin alone
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment