diff options
author | Fallstar <fallstar@live.fr> | 2014-03-16 09:44:50 +0100 |
---|---|---|
committer | Fallstar <fallstar@live.fr> | 2014-03-16 09:44:50 +0100 |
commit | 714a772eb1fba13ad7a3c906aa3b4978e2df8926 (patch) | |
tree | c27d041ddc10cdf7420d818a797a0fd176ddf3aa | |
parent | 875f666e617475f2730ec6e0ebbf14835f1b7c6b (diff) | |
download | mailöve.eu-714a772eb1fba13ad7a3c906aa3b4978e2df8926.tar.gz mailöve.eu-714a772eb1fba13ad7a3c906aa3b4978e2df8926.tar.bz2 mailöve.eu-714a772eb1fba13ad7a3c906aa3b4978e2df8926.tar.xz mailöve.eu-714a772eb1fba13ad7a3c906aa3b4978e2df8926.zip |
Ajout de la date de publication des articles.
Par contre, c'est salement fait avec un div, si t'as une idée de comment mieux faire ?
-rw-r--r-- | index.html | 6 | ||||
-rw-r--r-- | style.css | 5 |
2 files changed, 8 insertions, 3 deletions
@@ -29,13 +29,13 @@ <section> <br/> <article> - <header>Présentation:</header><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet tellus at massa laoreet tempor. Duis aliquam elit ornare imperdiet lacinia. In ac est sit amet neque mollis feugiat. Nullam auctor convallis ante in congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a luctus sapien. Suspendisse id molestie lectus. Nam euismod arcu porta libero pretium, at porttitor nibh mattis. Nulla facilisi. Praesent eget sem at nulla vehicula mattis. Sed est leo, convallis ac libero a, gravida bibendum mauris. Duis tempor velit vitae convallis tempus. Sed et tortor pellentesque, tempus libero a, tincidunt purus. Integer vehicula, massa in vehicula hendrerit, mi elit congue dui, a feugiat nunc nisi ut dolor.</p> + <header>Présentation:</header><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet tellus at massa laoreet tempor. Duis aliquam elit ornare imperdiet lacinia. In ac est sit amet neque mollis feugiat. Nullam auctor convallis ante in congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a luctus sapien. Suspendisse id molestie lectus. Nam euismod arcu porta libero pretium, at porttitor nibh mattis. Nulla facilisi. Praesent eget sem at nulla vehicula mattis. Sed est leo, convallis ac libero a, gravida bibendum mauris. Duis tempor velit vitae convallis tempus. Sed et tortor pellentesque, tempus libero a, tincidunt purus. Integer vehicula, massa in vehicula hendrerit, mi elit congue dui, a feugiat nunc nisi ut dolor.</p><div id=time>Publié le <time datetime="2014-03-16" pubdate>16 mars 2014</time></div> </article><br/> <article> - <header>Test:</header><p> Cras at massa convallis, dapibus arcu vestibulum, tincidunt mauris. Morbi scelerisque porta nunc. Morbi et tincidunt lectus, vel consectetur nibh. Nullam gravida, leo ut tempus aliquet, lorem sapien scelerisque eros, at tristique lorem lorem et urna. Pellentesque non iaculis nisl. Maecenas non est a tortor eleifend iaculis. Donec commodo felis ut scelerisque hendrerit. Ut et massa rhoncus, interdum massa pellentesque, rhoncus enim. Phasellus nec congue lacus. Duis eget fringilla mi.</p> + <header>Test:</header><p> Cras at massa convallis, dapibus arcu vestibulum, tincidunt mauris. Morbi scelerisque porta nunc. Morbi et tincidunt lectus, vel consectetur nibh. Nullam gravida, leo ut tempus aliquet, lorem sapien scelerisque eros, at tristique lorem lorem et urna. Pellentesque non iaculis nisl. Maecenas non est a tortor eleifend iaculis. Donec commodo felis ut scelerisque hendrerit. Ut et massa rhoncus, interdum massa pellentesque, rhoncus enim. Phasellus nec congue lacus. Duis eget fringilla mi.</p><div id=time>Publié le <time datetime="2014-03-16" pubdate>16 mars 2014</time></div> </article><br/> <article> - <header>Miaou:</header><p> Donec imperdiet libero vel accumsan congue. Integer elit velit, pellentesque vitae iaculis ut, posuere ut dui. Suspendisse potenti. Donec sollicitudin, lectus eget rutrum iaculis, lectus lorem cursus lectus, sed condimentum turpis risus non enim. Praesent purus nisl, viverra sed facilisis eget, tempus in nisl. Nunc a diam sit amet odio dictum pretium. Donec eleifend sapien nulla, id lobortis felis ultricies ac. Mauris malesuada dapibus vestibulum. Integer rhoncus, risus egestas euismod lobortis, orci augue lobortis leo, posuere volutpat magna massa eu dolor. In fringilla scelerisque justo, vel vehicula sem hendrerit vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> + <header>Miaou:</header><p> Donec imperdiet libero vel accumsan congue. Integer elit velit, pellentesque vitae iaculis ut, posuere ut dui. Suspendisse potenti. Donec sollicitudin, lectus eget rutrum iaculis, lectus lorem cursus lectus, sed condimentum turpis risus non enim. Praesent purus nisl, viverra sed facilisis eget, tempus in nisl. Nunc a diam sit amet odio dictum pretium. Donec eleifend sapien nulla, id lobortis felis ultricies ac. Mauris malesuada dapibus vestibulum. Integer rhoncus, risus egestas euismod lobortis, orci augue lobortis leo, posuere volutpat magna massa eu dolor. In fringilla scelerisque justo, vel vehicula sem hendrerit vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p><div id=time>Publié le <time datetime="2014-03-16" pubdate>16 mars 2014</time></div> </article><br/> </section> <br/> @@ -55,4 +55,9 @@ footer{ border-radius: 2em; color: black; } + +div#time{ + font-size:.8em; + text-align: right; +} |