diff --git a/guide/english/css/css-images/index.md b/guide/english/css/css-images/index.md
index e89e32e319..b285711761 100644
--- a/guide/english/css/css-images/index.md
+++ b/guide/english/css/css-images/index.md
@@ -27,6 +27,15 @@ img {
 <!-- Please add any articles you think might be helpful to read before writing the article -->
 It is advised to change any one parameter, either height or width, to get a proportionate image. Changing both dimensions results in forced scaling and is not advisable.
 
+**Example:** Both of these will result in a proportionate image
+```
+<img src="picture.jpg" alt="Picture" width="100">
+    
+//  or
+     
+<img src="picture.jpg" alt="Picture" height="100">
+```
+
 ##### Properties
 <a title="The image-orientation CSS property describes how to correct the default orientation of an image." href="/en-US/docs/Web/CSS/image-orientation"><code>image-orientation</code></a>
 <a title="The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images." href="/en-US/docs/Web/CSS/image-rendering"><code>image-rendering</code></a>