Title: Markup Example
Last modified: August 22, 2016

---

# Markup Example

 *  [yesfree](https://wordpress.org/support/users/yesfree/)
 * (@yesfree)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/markup-example/)
 * What should i do to get the output to be like this markup. Thanks
 * <div data-background-image=”” class=”banner-image” style=”background-image: url(
   [http://localhost/example/image_2000x210.jpg](http://localhost/example/image_2000x210.jpg));”
   >
    <div data-alt=”Image” data-src=”[http://localhost/example/image_480x210.jpg”></div&gt](http://localhost/example/image_480x210.jpg”></div&gt);
   <div data-media=”(min-width: 481px)” data-alt=”image” data-src=”[http://localhost/example/image_1300x210″></div&gt](http://localhost/example/image_1300x210″></div&gt);
   <div data-media=”(min-width: 1280px)” data-alt=”image” data-src=”[http://localhost/example/image_2000x210.jpg”></div&gt](http://localhost/example/image_2000x210.jpg”></div&gt);
   <!–[if (lte IE 8) & (!IEMobile)]> <div data-src=”[http://localhost/example/image_2000x210.jpg&#8221](http://localhost/example/image_2000x210.jpg&#8221);
   data-alt=”image”></div> <![endif]–> </div>
 * [https://wordpress.org/plugins/picturefillwp/](https://wordpress.org/plugins/picturefillwp/)

The topic ‘Markup Example’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/picturefillwp.svg)
 * [Picturefill.WP](https://wordpress.org/plugins/picturefillwp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/picturefillwp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/picturefillwp/)
 * [Active Topics](https://wordpress.org/support/plugin/picturefillwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/picturefillwp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/picturefillwp/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [yesfree](https://wordpress.org/support/users/yesfree/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/markup-example/)
 * Status: not resolved