diff --git a/src/default-props.js b/src/default-props.js
index ed60a059a..459466519 100644
--- a/src/default-props.js
+++ b/src/default-props.js
@@ -46,6 +46,7 @@ let defaultProps = {
   swipeToSlide: false,
   touchMove: true,
   touchThreshold: 5,
+  trackTag: "div",
   useCSS: true,
   useTransform: true,
   variableWidth: false,
diff --git a/src/inner-slider.js b/src/inner-slider.js
index 04426a71e..84dd62f9c 100644
--- a/src/inner-slider.js
+++ b/src/inner-slider.js
@@ -632,6 +632,7 @@ export class InnerSlider extends React.Component {
       "lazyLoad",
       "lazyLoadedList",
       "rtl",
+      "slide",
       "slideWidth",
       "slideHeight",
       "listHeight",
@@ -640,6 +641,7 @@ export class InnerSlider extends React.Component {
       "slidesToScroll",
       "slideCount",
       "trackStyle",
+      "trackTag",
       "variableWidth",
       "unslick",
       "centerPadding",
diff --git a/src/slider.js b/src/slider.js
index 7fdbe4a13..f1e1e0df0 100644
--- a/src/slider.js
+++ b/src/slider.js
@@ -158,6 +158,7 @@ export default class Slider extends React.Component {
       settings.variableWidth = false;
     }
     let newChildren = [];
+    const SlideTag = settings.slide;
     let currentWidth = null;
     for (
       let i = 0;
@@ -191,12 +192,12 @@ export default class Slider extends React.Component {
       }
       if (settings.variableWidth) {
         newChildren.push(
-          <div key={i} style={{ width: currentWidth }}>
+          <SlideTag key={i} style={{ width: currentWidth }}>
             {newSlide}
-          </div>
+          </SlideTag>
         );
       } else {
-        newChildren.push(<div key={i}>{newSlide}</div>);
+        newChildren.push(<SlideTag key={i}>{newSlide}</SlideTag>);
       }
     }
 
diff --git a/src/track.js b/src/track.js
index 33ecc41ea..936ea6390 100644
--- a/src/track.js
+++ b/src/track.js
@@ -209,17 +209,22 @@ export class Track extends React.PureComponent {
 
   render() {
     const slides = renderSlides(this.props);
-    const { onMouseEnter, onMouseOver, onMouseLeave } = this.props;
+    const {
+      onMouseEnter,
+      onMouseOver,
+      onMouseLeave,
+      trackTag: TrackTag
+    } = this.props;
     const mouseEvents = { onMouseEnter, onMouseOver, onMouseLeave };
     return (
-      <div
+      <TrackTag
         ref={this.handleRef}
         className="slick-track"
         style={this.props.trackStyle}
         {...mouseEvents}
       >
         {slides}
-      </div>
+      </TrackTag>
     );
   }
 }