カートページのコーディング / 要素を横並び

[chikakoyajima]

カートページのコーディングをしています。

配送日指定→備考欄→チェックアウトボタン

というふうに要素を横並びにしたいのですが、うまくいきません。

何かアドバイスいただけないでしょうか。


{% if section.settings.cart_terms_show %}

{% assign terms_url = pages[section.settings.cart_terms_page].url %} {% capture terms_label_html %}{{ 'cart.terms.agreement_html' | t: terms_url: terms_url }}{% endcapture %} {% if section.settings.cart_terms_page == blank %} {{ terms_label_html | replace: '<a ', '<span ' | replace: '', '' }} {% else %} {{ terms_label_html }} {% endif %}

{% endif %}

{% if section.settings.show_tax_and_shipping %}
{%- capture taxes_shipping_checkout -%}
{%- if shop.taxes_included and shop.shipping_policy.body != blank -%}
{{ ‘cart.general.taxes_included_and_shipping_policy_html’ | t: link: shop.shipping_policy.url }}
{%- elsif shop.taxes_included -%}
{{ ‘cart.general.taxes_included_but_shipping_at_checkout’ | t }}
{%- elsif shop.shipping_policy.body != blank -%}
{{ ‘cart.general.taxes_and_shipping_policy_at_checkout_html’ | t: link: shop.shipping_policy.url }}
{%- else -%}
{{ ‘cart.general.taxes_and_shipping_at_checkout’ | t }}
{%- endif -%}
{%- endcapture -%}

{{ taxes_shipping_checkout }}

{% endif %}

{% comment %}Paypal and Google checkout buttons{% endcomment %}
{% if section.settings.show_additional_checkout_buttons and additional_checkout_buttons and section.settings.cart_terms_show == false %}

{{ content_for_additional_checkout_buttons }}

{% endif %}

配達希望日 :

{% if section.settings.cart_note_show %}

{{ 'cart.label.note' | t }} {{ cart.note }}

CSS→

.parent {
width: 100%;
display: flex;
}
.child {
width: 100px;
}