provide sizing for the image , the width property has been coded in the external

Question

provide sizing for the image, the width property has been coded in the external style sheet (.css) in order to maintain a resolution appropriate for display.

Sample picture display:

MY HTML code

<figure>

                <img src="image.jpg" alt="house">

                <figcaption> Ut sed molestie libero. Maecenas commodo diam tincidunt.</figcaption><br>

</figure>

CSS code: ?

How to code figcaption inside the figure and below the image? provide sizing for the image, the width property has been coded in the external style sheet (.css) in order to maintain a resolution appropriate for display.

figure {    }

figcaption {   }

img{   }

Curabitur Search or enter address a search LOREM IPSUM Curabitur Phasellus Maecenas NULLAM QUIS TORTOR Fusca ac lorem id massa auctor intardum quisid laous Proinposuere sagittisarciid mattis Donec porttitor nunc ligua in bibendum orci scalarisque sad Fusca in consectaturalit Vivamus vehiculanislnon faucibussuscpit. Sed malls odio sitamet uma ultricies Posuere. Nam pretium quamvelladus sagitis, in vulputate quam Lacinia Aliquam dignissim augue sem, in thonous dui suscipit elementum. Aliquaminaliquet tortor Etiam vehicula elit eu enim vivema et sagittisipsum molestie. Nullam fringillaplacerat lao id fringla Mauris fringilla turpisidcongue pretum Nam lid solicitudin enim, sed faucbussapien. Nam sad elementum sapien Cras at elit non mauris Pharetra auctor. Ut et sodales orci,in ulamcorper magna. In congue riaus at arcu suscipit ut faucibus miubtricies Nulla tampor ultrices consactatur. In vel consequat mi. Sedin lorem ipsum. Vestibulum lorem leo suscipit nec ultrices eu, finibusapurus. Namodio nula sagittisin dictum actincidunt vitae elit Donec rutrum ante vitaa ante lacinia ornare. Donec solicitudin sagittisipsum sad faucibus. Suspendisseomare euismod consactatur Sed pellentesque sed nisi sed porttitor Nulam quis tortor elementum nislrhonous volutpat. Viivamus condimentum sollicitudin dolor eu congue lorem laareet eget. Integer quam uma convalisin ultricies ut, dicturm sit amet risus Nulla facilisi Casalacuseu diam vehicula Placerat Phasallus vehicula congue ligula id malesuada artiaculisut Etiam sed tinciduntarau. Proin congue ancu consequatomare vestibulum. UT ALIQUET AT LEO ET DICTUM Integer risus metus, dictum iddam idmattistincidunt elit Suspendissa et vestibulunmerat.aconwallsdiam. Integer a mauris feugiat, tampor orci ut, tamporeros. Vestibulum tistique velneque sed hendrerit Curabiturvolutpat congue ipsum id vehicula. Vivamus volutpat metus non lacus vivera, ut tincidunt ligula elamentum. Omare est ac nibh vulputate suscipit. Phaselusiaculis nec sam nec varius Aliquam erat volutpat Donec faudbus, eros actampus molestie, dolor arau sagittisipsum, ut faugiat onci orcieget lacus Loram ipsum dolor sitamet consactaturadpiscine elit donec egat quameleifend vulputata elit nec mollis diam. Carabitur orcidui, malesuada non vehicula egat, vestibulumid erat Maacanas acoumsan nec metus quis Pharatra. Donec feugat ante aliquam, dictum esta, pellantesque nunc. Namin erossad nislauctor rhoncus. Cas elementum dictum dolor, sit amet congue mauris porta nec Etiam zavida omana nislidrhonous. Vestibulum nisi quarm, maximus vulputata turpis id. "pellantesque tristique lectus Morbinon dolor Pellantesque stamet congue ex Cras malasuada exidnislfinibus facilisis. Donectinciduntut mauris tempus nutrum. Etam efficitur aliquamipaum. Copyright 2015 John Durham ALRghta Reacrved Downtown Seattle, 196t Seattie Municipal Aechivea BY20

Explanation / Answer

According to your requirement you can make use of the various properties to make the size of the content according to your need.

For Example:-

1) Make use of margin to make space from the corners of the page.

2) Make use of border to create space between content and margin.

3) Make use of padding to create space between broder and content.

You can make use of the above properties in the following ways:-

Hope this helps. Try to inspect your page using F12 in windows and check the styles in the bottom right pane. And try to search for box model to create and design content in HTML.

Related Questions

Navigate

• Browse (All)
• Browse P
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.