diff --git a/core/themes/seven/css/components/container-inline.css b/core/themes/seven/css/components/container-inline.css
new file mode 100644
index 0000000000000000000000000000000000000000..a1968dc023f773eb2fde2be5b2e8a75c736aa318
--- /dev/null
+++ b/core/themes/seven/css/components/container-inline.css
@@ -0,0 +1,15 @@
+/**
+ * @file
+ * Inline items.
+ */
+
+.container-inline .form-radios label:after {
+  content: '';
+}
+.container-inline .form-radios .form-type-radio {
+  margin-right: 1em;
+}
+[dir="rtl"] .container-inline .form-radios .form-type-radio {
+  margin-right: 0;
+  margin-left: 1em;
+}
diff --git a/core/themes/seven/css/components/container-inline.module.css b/core/themes/seven/css/components/container-inline.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..d3844257b82c2b74a4697edfc6fc07419b6ff3ea
--- /dev/null
+++ b/core/themes/seven/css/components/container-inline.module.css
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Inline items.
+ */
+
+.container-inline div,
+.container-inline label {
+  display: inline-block;
+}
diff --git a/core/themes/seven/seven.libraries.yml b/core/themes/seven/seven.libraries.yml
index 75e8c1aa054c339d549c1c6b1626a6d401607731..508c0fe49770c926916a31f0dce5a0b4bfc5e364 100644
--- a/core/themes/seven/seven.libraries.yml
+++ b/core/themes/seven/seven.libraries.yml
@@ -8,6 +8,8 @@ global-styling:
     component:
       css/components/admin-list.css: {}
       css/components/content-header.css: {}
+      css/components/container-inline.css: {}
+      css/components/container-inline.module.css: {}
       css/components/breadcrumb.css: {}
       css/components/buttons.css: {}
       css/components/messages.css: {}