با استفاده از CSS یک div با ابعاد مشخص ایجاد کنید که تصویر پس‌زمینه‌ای برای آن تنظیم شود و این تصویر تنها در جهت افقی تکرار (repeat-x) گردد.

برای تکرار افقی فقط در محور X، از background-repeat: repeat-x استفاده کنید و عرض و ارتفاع div را مشخص نگه دارید تا تکرار تصویر قابل مشاهده باشد. می‌توانید از shorthand مانند background: url(image.jpg) repeat-x center استفاده کنید تا هم تصویر و هم تکرار مشخص باشند. اگر اندازه تصویر یا اندازه div نیاز به کنترل دارد، از background-size برای تنظیم اندازه تصویر بهره ببرید. پس از اعمال CSS، نتیجه را در مرورگر یا DevTools بررسی کنید تا مطمئن شوید تکرار افقی به درستی اجرا می‌شود.