Make Works Cited Lists more Consistant for MLA blogs?

[JonathanReeve]

Currently, a list of works cited is handled a few different ways in blogs themed with cbox-mla-blog.

Here's a list where the citations are inconsistently indented:

(Screenshot from this blog post.)

The first three works listed are surrounded in <p> tags, while the fourth and fifth are marked up with <p style="margin-left:.5in;text-indent:-.5in">. The inconsistency can probably be explained by supposing that the original output of the shorter, indented citations displayed them all on one line. With the change in viewport width, those citations are now on more than one line, and are not indented properly.

The margin-left: 0.5in here technically adheres to MLA style, but inches as a measure for a web page is not ideal, since font sizes, viewports, and screen resolutions can all change how much text is displayed per inch. Should we remove hanging indents altogether?

Here's a more recent list of works cited, taken from this blog post:

Here, there is no hanging line indentation, and URLs are absent. Should we include URLs in angle brackets, as in the first screenshot, or omit them, as in the second? I'd propose a third solution, turning the titles into links:

This seems to me to be the cleanest and most elegant, since the URL information is maintained while simultaneously maintaining the neatness of the bibliographic entry that omits it. This also solves the redundancy problem of writing a URL that links to itself.