diff --git a/src/base.ts b/src/base.ts
index afaaab0..8fc516b 100644
--- a/src/base.ts
+++ b/src/base.ts
@@ -4,6 +4,7 @@ import { boxShadowPreprocessor } from './preprocessors/box-shadow';
 import { colorPreprocessor } from './preprocessors/color';
 import { distancePreprocessor } from './preprocessors/distance';
 import { numeralPreprocessor } from './preprocessors/numeral';
+import { placeContentPreprocessor } from './preprocessors/place-content';
 import type { BaseOptions, Preprocessor, Alias } from './types';
 
 const defaultBreakpoints = [576, 768, 1200];
@@ -20,6 +21,8 @@ const defaultPreprocessors = {
   borderBottomRadius: borderSideRadiusPreprocessor,
 
   boxShadow: boxShadowPreprocessor,
+
+  placeContent: placeContentPreprocessor,
 };
 
 const defaultAliases: Alias = {
diff --git a/src/preprocessors/place-content.ts b/src/preprocessors/place-content.ts
new file mode 100644
index 0000000..6e31642
--- /dev/null
+++ b/src/preprocessors/place-content.ts
@@ -0,0 +1,13 @@
+export const placeContentPreprocessor = (key: string, value: any) => {
+  const valuesArr = typeof value === 'string' ? value.split(' ') : Array.isArray(value) ? value : [];
+
+  if (valuesArr.length) {
+    return {
+      [key]: undefined,
+      alignContent: valuesArr[0],
+      justifyContent: valuesArr[1] || valuesArr[0],
+    };
+  }
+
+  return null;
+};