HTML5
Этот тег группирует все элементы.
<!DOCTYPE html>
<
html
>
head
meta
charset
=
"utf-8"
/>
title
>New Page</
script
type
"text/javascript"
src
"https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
></
</
body
div
figure
id
"f1"
img
"img/dragon.jpg"
figcaption
>This is dragon</
"f2"
"img/hare.jpg"
>This is hare</
$(document).ready(function () {
$("*").css("margin", "0").css("padding", "0");
$("body").css("background-color", "#CCFFCC");
$("div").css({"width": "820px", "height": "500px", "position": "absolute", "left": "50%", "top": "50%", "margin-left": "-410px", "margin-top": "-250px" });
$("figure").css({ "float": "left" });
$("#f1").css("margin-right", "10px");
$("#f2").css("margin-left", "10px");
$("figcaption").css({"text-align": "center", "font-size": "20px"});
$("img").css("border-radius", "15px");
});