Ashish Panchal
Jan 23, 2017 · 2 min read

Presentational Attributes


<img src="path/to/image.jpg" width="450" height="350" />OR<table width="100%">
<tr>
<td>Some text</td>
</tr>
</table>


/* The style below will override the Presentational Attributes */img {
width: 550px;
height: 450px;
}
table {
width: 100%;
}

Inline Styles


<img src="path/to/image.jpg" style="width: 450px; height: 350px;" />OR<table style="width: 100%;">
<tr>
<td>Some text</td>
</tr>
</table>


/* The style below will override the Presentational Attributes */img {
width: 550px !important;
height: 450px !important;
}
table {
width: 100% !important;
}


Ashish Panchal

Written by

Front-end developer and Blogger. Love to learn and share my knowledge; Follow me on my tech blog — http://ashishuideveloper.in

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade