core/themes/seven/css/components/container-inline.css     | 15 +++++++++++++++
 .../seven/css/components/container-inline.module.css      |  9 +++++++++
 core/themes/seven/seven.libraries.yml                     |  2 ++
 3 files changed, 26 insertions(+)

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 0000000000..a1968dc023
--- /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 0000000000..d3844257b8
--- /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 75e8c1aa05..508c0fe497 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: {}