Try it Editor: Width and Height of an Element

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
div {
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    margin: 0;
}
</style>
</head>
<body>

<h2>Calculate the total width:</h2>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm0rI8sbKFvVm-NpKtWmB2R4q-TRB4wjUJ8cw6Wbr15IscifELSDxEdsFyo3OGn0M4ydIb5ii6XSACcwFBINhlSj_eNpnAuVtWS9ibPlMzKI3BgQJMDtRYbLCEOmr4uyn9m2SwfK7J_AAZ/s320/palm_tree.png" width="350" height="263" alt="Tree">
<div>The picture above is 350px wide. The total width of this element is also 350px.</div>

</body>
</html>

Result :