diff --git a/.gitignore b/.gitignore
index 9b26ed0..8c71477 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
node_modules
-lib
\ No newline at end of file
+lib
+.idea
\ No newline at end of file
diff --git a/src/components/Col.js b/src/components/Col.js
new file mode 100644
index 0000000..804f1bc
--- /dev/null
+++ b/src/components/Col.js
@@ -0,0 +1,35 @@
+import React, { PropTypes } from 'react'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Col(props) {
+ return (
+
+ {props.children}
+ |
+ )
+}
+
+Col.propTypes = {
+ className: PropTypes.string,
+ bgcolor: PropTypes.string,
+ colSpan: PropTypes.number,
+ align: PropTypes.oneOf(['left', 'center', 'right']),
+ valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+ style: EmailPropTypes.style,
+ children: PropTypes.node,
+}
+
+Col.defaultProps = {
+ className: null,
+ bgcolor: null,
+ align: 'center',
+ valign: 'top',
+ style: null,
+}
diff --git a/src/components/Row.js b/src/components/Row.js
new file mode 100644
index 0000000..379c034
--- /dev/null
+++ b/src/components/Row.js
@@ -0,0 +1,33 @@
+import React, { PropTypes } from 'react'
+import EmailPropTypes from '../PropTypes'
+import includeDataProps from '../includeDataProps'
+
+export default function Row(props) {
+ return (
+
+ {props.children}
+
+ )
+}
+
+Row.propTypes = {
+ className: PropTypes.string,
+ bgcolor: PropTypes.string,
+ align: PropTypes.oneOf(['left', 'center', 'right']),
+ valign: PropTypes.oneOf(['top', 'middle', 'bottom']),
+ style: EmailPropTypes.style,
+ children: PropTypes.node,
+}
+
+Row.defaultProps = {
+ className: null,
+ bgcolor: null,
+ align: 'center',
+ valign: 'top',
+ style: null,
+}
diff --git a/src/index.js b/src/index.js
index df7e766..148683a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,8 @@ import Box from './components/Box'
import Email from './components/Email'
import Image from './components/Image'
import Item from './components/Item'
+import Row from './components/Row'
+import Col from './components/Col'
import Span from './components/Span'
import A from './components/A'
import injectReactEmailAttributes from './injectReactEmailAttributes'
@@ -20,6 +22,8 @@ export {
Email,
Image,
Item,
+ Row,
+ Col,
Span,
A,
injectReactEmailAttributes,