div
element.
Nest your first image and your h2
element within a single <div class="row">
element. Nest your h2
element within a <div class="col-xs-8">
and your image in a <div class="col-xs-4">
so that they are on the same line.
Notice how the image is now just the right size to fit along the text?
h2
element and topmost img
element should both be nested together within a div
element with the class row
.
testString: assert($("div.row:has(h2)").length > 0 && $("div.row:has(img)").length > 0, 'Your h2
element and topmost img
element should both be nested together within a div
element with the class row
.');
- text: Nest your topmost img
element within a div
with the class col-xs-4
.
testString: assert($("div.col-xs-4:has(img)").length > 0 && $("div.col-xs-4:has(div)").length === 0, 'Nest your topmost img
element within a div
with the class col-xs-4
.');
- text: Nest your h2
element within a div
with the class col-xs-8
.
testString: assert($("div.col-xs-8:has(h2)").length > 0 && $("div.col-xs-8:has(div)").length === 0, 'Nest your h2
element within a div
with the class col-xs-8
.');
- text: Make sure each of your div
elements has a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(/