×

注意！页面内容来自https://time.now/countries/canada/，本站不储存任何内容，为了更好的阅读体验进行在线解析，若有广告出现，请及时反馈。若您觉得侵犯了您的利益，请通知我们进行删除，然后访问 原网页

<> /* --- Breadcrumb Bar Styling --- */ .breadcrumb-container { padding: 10px 15px; background-color: #f8f9fa; /* A light greymatching your other elements */ border-bottom: 0px solid #dee2e6; margin: 0 auto; /* Ensures it centers within the max-width */ width: 100%; max-width: 1100px; } .breadcrumb { margin-bottom: 0; /* Remove default bottom margin from Bootstrap's breadcrumb */ font-size: 0.9rem; /* Slightly smaller font for distinction */ } .breadcrumb-item a { text-decoration: none; color: #007bff; } .breadcrumb-item a:hover { text-decoration: underline; } .breadcrumb-item.active { color: #6c757d; /* Muted color for the current page */ } /* By defaultthe suffix is shown */ .breadcrumb-city-suffix { display: inline; /* Default display behavior */ } /* On smaller screenshide the city suffix in the last active breadcrumb item. Adjust the max-width value to the point where the text becomes too long. 575px is a common breakpoint for very small screens (like Bootstrap's 'sm' breakpoint ends). You might want 767px or something custom. */ @media (max-width: 575px) { .breadcrumb > .breadcrumb-item:last-child.active .breadcrumb-city-suffix { display: none; } }

Current Time in Canada 🇨🇦

121234567891011
12:13:22 EST
Sunday8 February 2026
Fullscreen ⛶
Show 12-hour format

Continent: North America

Capital City: Ottawa

Largest Cities:

ISO Alpha 2/3: CACAN

Uses Daylight Savings Time: Yes ✅ (View Daylight Savings Time Changes)

IANA Time Zone: America/Atikokan (UTC−05:00)

Time Zones: ADTASTCDTCSTEDTESTMDTMSTNDTNSTPDTPST

Provinces and Territories in Canada

Alberta British Columbia Manitoba New Brunswick Newfoundland and Labrador Northwest Territories Nova Scotia Nunavut Ontario Prince Edward Island Quebec Saskatchewan Yukon

All Cities in Canada by alphabetical order

Time.now features the exact time for 338 cities in Canada.
Select a letter to view all cities:

A B C D E F G H I J K L M N O P Q R S T V W Y

Time Now in Major Cities in Canada

CityCurrent Time
Toronto Sun 12:13:22
Montréal Sun 12:13:22
Calgary Sun 10:13:22
Edmonton Sun 10:13:22
Ottawa Sun 12:13:22
Winnipeg Sun 11:13:22
Mississauga Sun 12:13:22
Vancouver Sun 09:13:22
Brampton Sun 12:13:22
Québec Sun 12:13:22
Halifax Sun 13:13:22
Laval Sun 12:13:22
Surrey Sun 09:13:22
Etobicoke Sun 12:13:22
Markham Sun 12:13:22
Vaughan Sun 12:13:22
Okanagan Sun 09:13:22
Windsor Sun 12:13:22
Kitchener Sun 12:13:22
Gatineau Sun 12:13:22
Longueuil Sun 12:13:22
Burnaby Sun 09:13:22
Ladner Sun 09:13:22
Saskatoon Sun 11:13:22
Richmond Hill Sun 12:13:22
Oakville Sun 12:13:22
Burlington Sun 12:13:22
Nepean Sun 12:13:22
Regina Sun 11:13:22
Oshawa Sun 12:13:22
Greater Sudbury Sun 12:13:22
Saguenay Sun 12:13:22
Lévis Sun 12:13:22
Kelowna Sun 09:13:22
Barrie Sun 12:13:22
Abbotsford Sun 09:13:22
Coquitlam Sun 09:13:22
Ahuntsic-Cartierville Sun 12:13:22
St. Catharines Sun 12:13:22
Milton Sun 12:13:22
Sherbrooke Sun 12:13:22
Trois-Rivières Sun 12:13:22
Ajax Sun 12:13:22
Guelph Sun 12:13:22
Terrebonne Sun 12:13:22
St. John's Sun 13:43:22
Moncton Sun 13:13:22
Thunder Bay Sun 12:13:22
Waterloo Sun 12:13:22
Delta Sun 09:13:22

Time Now in All IANA Timezones for Canada

TimezoneCurrent Time
America/Atikokan Sun 12:13:22
America/Blanc-Sablon Sun 13:13:22
America/Cambridge_Bay Sun 10:13:22
America/Coral_Harbour Sun 12:13:22
America/Creston Sun 10:13:22
America/Dawson Sun 10:13:22
America/Dawson_Creek Sun 10:13:22
America/Edmonton Sun 10:13:22
America/Fort_Nelson Sun 10:13:22
America/Glace_Bay Sun 13:13:22
America/Goose_Bay Sun 13:13:22
America/Halifax Sun 13:13:22
America/Inuvik Sun 10:13:22
America/Iqaluit Sun 12:13:22
America/Moncton Sun 13:13:22
America/Montreal Sun 12:13:22
America/Nipigon Sun 12:13:22
America/Panama Sun 12:13:22
America/Pangnirtung Sun 12:13:22
America/Phoenix Sun 10:13:22
America/Puerto_Rico Sun 13:13:22
America/Rainy_River Sun 11:13:22
America/Rankin_Inlet Sun 11:13:22
America/Regina Sun 11:13:22
America/Resolute Sun 11:13:22
America/St_Johns Sun 13:43:22
America/Swift_Current Sun 11:13:22
America/Thunder_Bay Sun 12:13:22
America/Toronto Sun 12:13:22
America/Vancouver Sun 09:13:22
America/Whitehorse Sun 10:13:22
America/Winnipeg Sun 11:13:22
America/Yellowknife Sun 10:13:22
Canada/Atlantic Sun 13:13:22
Canada/Central Sun 11:13:22
Canada/Eastern Sun 12:13:22
Canada/Mountain Sun 10:13:22
Canada/Newfoundland Sun 13:43:22
Canada/Pacific Sun 09:13:22
Canada/Saskatchewan Sun 11:13:22
Canada/Yukon Sun 10:13:22

Time Zone Converters used in Canada

Convert time between the time zones of Canada and other locations worldwide.

AEDT to EST Converter AEST to EST Converter AEST to PST Converter AKST to MST Converter AKST to PST Converter ART to EST Converter AST to EST Converter AST to IST Converter BRT to EST Converter BST to CDT Converter BST to CST Converter BST to EDT Converter BST to EST Converter BST to MST Converter BST to PDT Converter BST to PST Converter CAT to EST Converter CDT to CST Converter CDT to EDT Converter CDT to EST Converter CDT to ET Converter CDT to GMT Converter CDT to IST Converter CDT to PST Converter CDT to PT Converter CEST to CST Converter CEST to EST Converter CEST to PST Converter CET to CST Converter CET to EST Converter CET to PST Converter CST to AEST Converter CST to AST Converter CST to CET Converter CST to EST Converter CST to HKT Converter CST to IST Converter CST to JST Converter CST to KST Converter CST to MST converter CST to NZST Converter CST to PHT Converter CST to PKT Converter CST to PST Converter CST to PT Converter CST to SAST Converter CST to SGT Converter CST to UTC Converter CST to WIB Converter CT to EST Converter EDT to AEST Converter EDT to CST converter EDT to EST Converter EDT to GMT Converter EDT to IST Converter EDT to NZST Converter EDT to PST Converter EDT to UTC Converter EST to AEST converter EST to ART Converter EST to BRT Converter EST to BST Converter EST to CAT Converter EST to CDT Converter EST to CET Converter EST to CST Converter EST to EAT Converter EST to EDT Converter EST to ET Converter EST to GMT Converter EST to HKT Converter EST to HST Converter EST to IST Converter EST to JST Converter EST to KST Converter EST to MST Converter EST to NPT Converter EST to NST Converter EST to NZDT Converter EST to NZST Converter EST to PDT Converter EST to PHT Converter EST to PKT Converter EST to PST Converter EST to SAST Converter EST to SGT Converter EST to UTC Converter EST to WAT Converter EST to WIB Converter EST to Z Converter ET to CDT Converter ET to CST Converter ET to EST Converter ET to MST Converter ET to PST Converter GMT to CST Converter GMT to EDT Converter GMT to EST Converter GMT to PST Converter HKT to EST Converter HKT to MST Converter HST to CST Converter HST to EST Converter HST to PST Converter IST to CST Converter IST to EST Converter JST to CST Converter JST to EST Converter JST to PST Converter KST to CST Converter KST to EST Converter KST to PDT Converter KST to PST Converter MDT to EST Converter MDT to IST Converter MDT to MST Converter MDT to PST Converter MSK to PST converter MST to AKST Converter MST to CST Converter MST to CT Converter MST to EDT Converter MST to EST Converter MST to HKT Converter MST to IST Converter MST to PHT Converter MST to PST Converter NZDT to EST Converter NZDT to PST Converter NZST to EST Converter NZST to PST Converter PDT to AEST Converter PDT to BRT Converter PDT to BST Converter PDT to CDT Converter PDT to CST Converter PDT to EDT Converter PDT to EST Converter PDT to ET Converter PDT to GMT Converter PDT to IST Converter PDT to JST Converter PDT to KST Converter PDT to MYT Converter PDT to NZDT Converter PDT to NZST Converter PDT to PHT Converter PDT to PST Converter PDT to WIB Converter PHT to EST Converter PHT to PST Converter PKT to EST Converter PST to AEST Converter PST to CST Converter PST to EST Converter PST to MST Converter PT to CST Converter PT to EST Converter PT to PST Converter SAST to EST Converter SGT to EST Converter SGT to PST Converter UTC to CDT Converter UTC to CST Converter UTC to EST Converter UTC to MST Converter UTC to PDT Converter UTC to PST Converter WIB to EST Converter

Sunrise and Sunset in Canada (338 Locations)

City ↑ Sunrise ↓ Sunset
Toronto
↑ 7:26 AM
↓ 5:38 PM
Montréal
↑ 7:06 AM
↓ 5:11 PM
Calgary
↑ 8:01 AM
↓ 5:40 PM
Edmonton
↑ 8:06 AM
↓ 5:30 PM
Ottawa
↑ 7:14 AM
↓ 5:19 PM
Winnipeg
↑ 7:50 AM
↓ 5:35 PM
Mississauga
↑ 7:26 AM
↓ 5:39 PM
Vancouver
↑ 7:33 AM
↓ 5:20 PM
Brampton
↑ 7:27 AM
↓ 5:39 PM
Québec
↑ 6:59 AM
↓ 4:58 PM
Halifax
↑ 7:24 AM
↓ 5:32 PM
Laval
↑ 7:07 AM
↓ 5:11 PM
Surrey
↑ 7:31 AM
↓ 5:20 PM
Etobicoke
↑ 7:26 AM
↓ 5:38 PM
Markham
↑ 7:25 AM
↓ 5:37 PM
Vaughan
↑ 7:26 AM
↓ 5:38 PM
Okanagan
↑ 7:20 AM
↓ 5:02 PM
Windsor
↑ 7:37 AM
↓ 5:55 PM
Kitchener
↑ 7:29 AM
↓ 5:43 PM
Gatineau
↑ 7:14 AM
↓ 5:19 PM
Longueuil
↑ 7:06 AM
↓ 5:10 PM
Burnaby
↑ 7:32 AM
↓ 5:20 PM
Ladner
↑ 7:32 AM
↓ 5:21 PM
Saskatoon
↑ 8:35 AM
↓ 6:07 PM
Richmond Hill
↑ 7:26 AM
↓ 5:37 PM
Oakville
↑ 7:26 AM
↓ 5:39 PM
Burlington
↑ 7:27 AM
↓ 5:40 PM
Nepean
↑ 7:14 AM
↓ 5:20 PM
Regina
↑ 8:22 AM
↓ 6:03 PM
Oshawa
↑ 7:24 AM
↓ 5:35 PM
Greater Sudbury
↑ 7:38 AM
↓ 5:38 PM
Saguenay
↑ 7:03 AM
↓ 4:54 PM
Lévis
↑ 6:59 AM
↓ 4:58 PM
Kelowna
↑ 7:20 AM
↓ 5:04 PM
Barrie
↑ 7:28 AM
↓ 5:37 PM
Abbotsford
↑ 7:29 AM
↓ 5:17 PM
Coquitlam
↑ 7:31 AM
↓ 5:19 PM
Ahuntsic-Cartierville
↑ 7:06 AM
↓ 5:11 PM
St. Catharines
↑ 7:24 AM
↓ 5:38 PM
Milton
↑ 7:27 AM
↓ 5:40 PM
Sherbrooke
↑ 6:59 AM
↓ 5:04 PM
Trois-Rivières
↑ 7:04 AM
↓ 5:05 PM
Ajax
↑ 7:24 AM
↓ 5:36 PM
Guelph
↑ 7:29 AM
↓ 5:41 PM
Terrebonne
↑ 7:07 AM
↓ 5:10 PM
St. John's
↑ 7:17 AM
↓ 5:12 PM
Moncton
↑ 7:32 AM
↓ 5:34 PM
Thunder Bay
↑ 8:15 AM
↓ 6:07 PM
Waterloo
↑ 7:30 AM
↓ 5:43 PM
Delta
↑ 7:31 AM
↓ 5:20 PM
<> .timezones-list-3-col-desktop > li { /* Targets direct
  • children */ display: flex; justify-content: space-between; align-items: center; padding: 8px 0; /* Consistent vertical padding (8px top + 8px bottom) */ min-height: 42px; /* EXAMPLE: SET THIS TO YOUR INSPECTED TARGET HEIGHT (e.g.42px) */ border-bottom: 1px solid #e9ecef; break-inside: avoid-column; /* Important for column-count behavior */ } /* If you want to remove border from the last item of the list after JS populates it: .timezones-list-3-col-desktop > li:last-of-type { border-bottom: none; } */ .time-cell { white-space: nowrap; flex-shrink: 0; } .time-cell .day-display { display: inline; font-weight: normal; color: #6c757d; } .time-cell .time-display { display: inline; color: #212529; font-weight: normal; margin-left: 0.5em;} .timezones-table th.timezones-table td { border: 1px solid #dee2e6; text-align: left; vertical-align: middle; } .timezones-table tr > td:last-child { width: 120px; text-align: left; } /* --- Styles for Sunrise/Sunset & City Weather List (Content AFTER loading) --- */ /* The .astro-weather-list-item class is added by JS to the loaded
  • . It inherits its primary box model (paddingmin-heightborder) from .timezones-list-3-col-desktop > li. This class can be used for s specific to loaded items if anybut not for base layout. */ .astro-weather-list-item { /* Specific s for loaded items if different from skeleton's parent li */ /* For exampleif you wanted a different background on loaded items. */ /* Most layout s should come from .timezones-list-3-col-desktop > li */ } .astro-weather-table-row td { align-items: center; } .country-detail-grey { color: #999999; } /* City name link s (applies to both loaded items and potentially skeleton if structure is similar) */ /* More specific targeting for links within the d list items */ .timezones-list-3-col-desktop > li .city-name-link, .astro-weather-table-row .city-name-link { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 15px; color: #007bff; text-decoration: none; /* line-height: 1.5; /* Or match icon heighte.g.28px */ } /* Hover for actual tags with class .city-name-link */ .timezones-list-3-col-desktop > li a.city-name-link:hover, .astro-weather-table-row a.city-name-link:hover { text-decoration: underline; } /* Hover for span.city-name-link containing an tag (JS generated for active cities) */ .timezones-list-3-col-desktop > li span.city-name-link:hover a, .astro-weather-table-row span.city-name-link:hover a { text-decoration: underline; } /* Prevent underline on non-linked spans */ .timezones-list-3-col-desktop > li span.city-name-link:not(:has(a)):hover, .astro-weather-table-row span.city-name-link:not(:has(a)):hover { text-decoration: none; } .astro-data-cluster.weather-data-cluster { display: flex; align-items: center; gap: 15px; flex-shrink: 0; } .astro-data-point.weather-data-point { display: flex; align-items: center; gap: 5px; font-size: 0.9em; /* Affects text and em-based icon heights */ } .weather-icon-small { width: 28px; height: 28px; vertical-align: middle; } .astro-icon-small { /* For text arrows ↑ ↓ */ font-size: 1.1em; /* Relative to parent .astro-data-point (0.9em) */ line-height: 1; vertical-align: middle; } .data-value { /* font-weight: 500; */ } /* Skeletons for these new lists */ /* .skeleton-astro-weather-row IS the
  • . Its main box model comes from .timezones-list-3-col-desktop > li */ .skeleton-astro-weather-row .skeleton-box { /* For boxes INSIDE skeleton
  • */ background-color: #e9ecef; border-radius: 3px; } /* Text skeleton height inside data points */ .skeleton-data-point > .skeleton-box:not([class*="-icon-"]) { height: 0.9em; /* To match font-size of .astro-data-point's text */ } /* City name skeleton text height */ .skeleton-city-name-long.skeleton-box { height: 1em; /* Relative to li's font-size */ } .skeleton-city-name-long { width: 40%; } .skeleton-data-cluster { display: flex; align-items:center; gap: 15px; } .skeleton-data-point { display: flex; align-items: center; gap: 5px;} /* Size skeleton icons to match real icons for height consistency */ .skeleton-data-point .skeleton-data-icon-small { /* Astro text icon skeleton */ width: 1em; /* Adjust based on character width */ height: 18px; /* EXAMPLE: Set to computed height of loaded .astro-icon-small */ } .skeleton-data-point .skeleton-weather-icon-small { /* Weather image icon skeleton */ width: 28px; height: 28px; /* Matches .weather-icon-small */ } .skeleton-data-text-short { width: 40px; } .skeleton-data-text-medium { width: 60px; } .country-detail-weather-section h2.country-detail-astro-section h2 { margin-bottom: 15px; font-size: 1.5em; } /* Table header styling */ .timezones-table th.sunrise-col.timezones-table th.sunset-col, .timezones-table th.temp-col.timezones-table th.condition-col { font-weight: normal; font-size: 0.85em; color: #6c757d; text-align: left; } /* Mobile table cell alignment */ .timezones-table .astro-weather-table-row td:not(:first-child) { text-align: left; } .timezones-table .astro-data-point, .timezones-table .weather-data-point { justify-content: flex-start; } /* === CSS FOR MOBILE TABLE COLUMN WIDTHS (CLS Reduction) === */ .timezones-table-container.d-lg-none .timezones-table { table-layout: fixed; /* Crucial for respecting column widths */ width: 100%; } .timezones-table-container.d-lg-none .timezones-table th, .timezones-table-container.d-lg-none .timezones-table td { word-wrap: break-word; padding: 8px 5px; /* Add some consistent padding to table cells */ vertical-align: middle; /* Already theregood */ } /* For the Sunrise/Sunset Mobile Table */ .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(1), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(1) { width: 50%; /* City column - THIS DEFINES THE TD WIDTH */ } .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(2), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(2) { width: 25%; /* Sunrise column */ } .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(3), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(3) { width: 25%; /* Sunset column */ } /* For the Current Weather Mobile Table */ .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(1), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(1) { width: 50%; /* City column - THIS DEFINES THE TD WIDTH */ } .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(2), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(2) { width: 20%; /* Condition column */ } .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(3), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(3) { width: 30%; /* Temp column */ } /* --- SKELETON STYLES FOR MOBILE TABLE CELLS --- */ /* This targets the used for skeletons in mobile tables */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td { /* Ensure skeleton rows have a minimum height matching loaded rows */ min-height: 38px; /* EXAMPLE: Adjust based on loaded row height */ height: 38px; /* You can try setting explicit height too */ padding-top: 8px; /* Match general td padding */ padding-bottom: 8px;/* Match general td padding */ } /* Style the .skeleton-box INSIDE the first (City Name) of a skeleton row in the mobile table. */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:first-child .skeleton-box { width: 90%; /* Make the skeleton box take up most of its parent TD's width */ /* Since the TD is set to 50% table widththis box will be 90% of that 50% */ height: 1em; /* Standard skeleton text height */ display: inline-block; /* Or block if you want it to fill vertically more easily */ } /* Style skeleton boxes in data cells (sunrise/sunset/condition/temp) */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-data-point { /* The .skeleton-data-point already has display:flex and align-items:center. */ /* Ensure its children (.skeleton-box) are sized appropriately. */ width: 100%; /* Make the flex container take full width of the TD */ } .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-icon-small, .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-weather-icon-small { /* Heights and widths for these are already defined in your general skeleton swhich is good */ /* e.g.width: 1em; height: 18px; for astro iconwidth: 28px; height: 28px; for weather icon */ flex-shrink: 0; /* Prevent icon from shrinking */ } .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-text-medium, .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-text-short { /* Widths for these are already definedgood. */ /* height: 0.9em; /* Match text data point font-size's approximate height */ flex-grow: 1; /* Allow text skeleton to take remaining space in the data point if needed */ }

    Current Weather in Canada (338 Locations)

    City Condition Temp.
    <> /* Base s from your original .country-info-block for font consistency */ .country-info-table-container { font-size: 0.95em; /* From original .country-info-block p */ line-height: 1.6; /* From original .country-info-block p */ /*background-color: #f8f9fa; border: 1px solid #e9ecef; padding: 15px; */ border-radius: 5px; margin-top: 10px; } .country-info-table-container h2 { /* font-size: 1.4em; */ /* Keep H2 styling consistent with rest of page if desiredor set explicitly */ } .country-info-table-container h2 { margin-bottom: 15px; font-size: 1.5em; } .country-info-table { width: 100%; /* Table itself will always try to be 100% of its container */ border-collapse: collapse; } .country-info-table td { padding: 4px 2px; /* Adjust padding as needed */ border-bottom: 1px solid #e9ecef; } .country-info-table tr:last-child td { border-bottom: none; } /* Label column styling */ .country-info-table td:first-child { width: 30%; /* Default width for label columncan be adjusted */ padding-right: 10px; /* Space between label and value */ padding-top: 0.75rem; padding-bottom: 0.75rem; } /* Style for the strong tag within the label cell (from original .country-info-block strong) */ .country-info-table td:first-child strong { color: #343a40; font-weight: bold; /* Explicitly setas default might vary */ } /* Style for code tag (from original .country-info-block code) */ .country-info-table td code { background-color: #e9ecef; padding: 2px 4px; border-radius: 3px; font-size: 0.9em; /* Relative to parent td's font-size */ display: inline-block; word-break: break-all; } .country-info-table a { color: #007bff; text-decoration: none; } .country-info-table a:hover { text-decoration: underline; } /* --- Desktop Specific Width --- */ /* Apply this when the screen is wider than a typical mobile/tablet breakpoint */ @media (min-width: 769px) { /* Adjust breakpoint as needed */ .country-info-table-container { width: 50%; /* Max 50% width on desktop */ max-width: 50%; /* Ensure it doesn't exceed 50% if content is narrow */ float: left; /* Or use flexbox/grid on the parent for layout */ /* If using floatyou might need a clear-fix on the parent or next element */ margin-right: 20px; /* Optional: space if something is to its right */ } } /* --- Mobile: Table uses full width (default behavior) --- */ /* No specific rules needed for mobile to take full width if the container is full width. The td:first-child width of 30% will still applyadjust if too narrow on mobile. If you want labels and values to stack on very small screensyou'd re-add the display:block rules from the previous example for a smaller breakpoint (e.g.max-width: 480px). For nowper your requestthey stay on the same line. */ @media (max-width: 768px) { .country-info-table-container { width: 100%; /* Ensure it takes full width on mobile */ float: none; margin-right: 0; } .country-info-table td:first-child { width: 35%; /* Potentially adjust label width for mobile for better balance */ border: 1px solid #e9ecef; padding: 0.75rem; } .country-info-table td:last-child { border: 1px solid #e9ecef; padding: 0.75rem; } .country-info-table tr:last-child { border: 1px solid #e9ecef; padding: 0.75rem; } } /* START: CSS for Public Holidays Preview Section */ .holidays-preview-section { margin-top: 30px; /* Or adjust as needed */ } .holidays-preview-section h2 { margin-bottom: 15px; font-size: 1.5em; } .holidays-preview-list { list-: none; padding: 0; margin: 0; display: grid; gap: 10px; } /* On larger screensuse 2 columns for the holiday list */ @media (min-width: 768px) { .holidays-preview-list { grid-template-columns: repeat(21fr); column-gap: 20px; } } .holiday-preview-item { background-color: #f8f9fa; border-left: 4px solid #007bff; padding: 12px 15px; border-radius: 4px; display: flex; flex-direction: column; } .holiday-preview-item .name { font-weight: 500; font-size: 1.05em; color: #343a40; } .holiday-preview-item .date-info { font-size: 0.9em; color: #6c757d; margin-top: 4px; } .view-all-holidays-link { text-align: right; margin-top: 1rem; font-size: 0.95em; } .view-all-holidays-link a { color: #007bff; text-decoration: none; font-weight: 500; } .view-all-holidays-link a:hover { text-decoration: underline; } /* END: CSS for Public Holidays Preview Section */

    Information about Canada

    Population 37,058,856
    Area 9,984,670 km²
    ISO Numeric Code 124
    FIPS Code CA
    Top Level Domain .ca
    Currency Dollar (CAD)
    Phone Prefix +1
    Country Code +1
    Postal Code Format @#@ #@#
    Postal Code Regex ^([ABCEGHJKLMNPRSTVXY]\d[ABCEGHJKLMNPRSTVWXYZ]) ?(\d[ABCEGHJKLMNPRSTVWXYZ]\d)$
    Languages EN-CA (en-CA) FR-CA (fr-CA) IU (iu)
    Neighbouring Countries 🇺🇸 United States

    Upcoming Public Holidays in Canada
    ⏱️ Time.now

    00:00:00
    • <> /* Responsive columns for the hub grid */ @media (min-width: 768px) { .footer-hub-grid { grid-template-columns: repeat(21fr) !important; } } @media (min-width: 992px) { .footer-hub-grid { grid-template-columns: repeat(41fr) !important; } }

    Continents:

    Americas:

    Europe:

    UK · Germany · France

    Asia & Oceania:

    Africa & Middle East:

    Explore time in more cities:

    Shiyan · Casablanca · Yangon · Hanoi · Jeddah · Hong Kong · Kolkata · London · Abidjan · Nanning · Ankara · Alexandria · Hangzhou · Hong Kong · Madrid

    Free widgets for webmasters:

    Free Analog Clock Widget | Free Digital Clock Widget | Free Text Clock Widget | Free Word Clock Widget | Free Countdown Widget