How TO - Center Website

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP




<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->



How TO - Center Website



❮ Previous
Next ❯

Learn how to center your website horizontally with CSS.


Center Website


Learn how to center your website horizontally:




This example is horizontally centered on screens that are wider than 500 pixels.




How To Center Your Website


Use a container element and set a specific max-width. A common width many websites use is 960px. To actually center the page,
add margin: auto.


The following example will center the website on screens that are wider than
500px. On screens that are less than 500px
wide, it will span the whole of the page:




Example



<style>
.content
    max-width: 500px;
   
margin: auto;

</style>

<body>

<div class="content">
  <!-- Page content -->
</div>

</body>

Try it Yourself »




❮ Previous
Next ❯

-

Popular posts from this blog

WWE Night of Champions

Image
Clash Royale CLAN TAG #URR8PPP WWE Night of Champions The WWE Night of Champions logo used from 2014–2015 Other name(s) Vengeance: Night of Champions (2007) Promotion(s) WWE Brand(s) Raw (2007–2010) SmackDown (2007–2010) ECW (2007–2009) First event Vengeance: Night of Champions Last event Night of Champions (2015) Event gimmick All active WWE championships are defended Night of Champions was a professional wrestling pay-per-view (PPV) event and WWE Network event produced by professional wrestling promotion WWE. [1] The inaugural event took place on June 24, 2007 and was a crossover with Vengeance. In 2008, Vengeance was dropped in favor of Night of Champions and it took over the June pay-per-view event slot. Night of Champions moved to July in 2009 and to September in 2010. In 2016, Night of Champions was replaced on the PPV schedule by Clash of Champions. Though the concept of Clash of Champions is similar, it is not a direct continuation of Night of Champion...
Read more

Poznań

Image
Clash Royale CLAN TAG #URR8PPP This article is about the city in Poland. For other uses, see Poznań (disambiguation). "Posnania" redirects here. For the rugby club, see RC Posnania. Place in Greater Poland, Poland Poznań Capital City of Poznań Top: Panorama of Poznań Middle: Poznań Town Hall, Stary Browar, Opera House Bottom: Guardhouse Flag Coat of arms Poznań Location of Poznan in Poland Show map of Poland Poznań Poznań (Europe) Show map of Europe Coordinates: 52°24′N 16°55′E  /  52.400°N 16.917°E  / 52.400; 16.917 Coordinates: 52°24′N 16°55′E  /  52.400°N 16.917°E  / 52.400; 16.917 Country Poland Voivodeship Greater Poland County city county Established 10th century Town rights 1253 Government  • Mayor Jacek Jaśkowiak Area  • City 261.85 km 2 (101.10 sq mi) Highest eleva...
Read more

Kaliningrad

Image
Clash Royale CLAN TAG #URR8PPP This article is about the city since 1945. For detailed history before 1945, see Königsberg. For other uses, see Kaliningrad (disambiguation). Kaliningrad Калининград (Russian) -   City [1]   - Church of the Holy Family; Königsberg Cathedral; "Fishermen's village" in pseudo-historic style; Brandenburg Gate; King's Gate; Pregolya River Location of Kaliningrad Oblast in Russia Kaliningrad Location of Kaliningrad in Kaliningrad Oblast Coordinates: 54°42′01″N 20°27′11″E  /  54.70028°N 20.45306°E  / 54.70028; 20.45306 Coordinates: 54°42′01″N 20°27′11″E  /  54.70028°N 20.45306°E  / 54.70028; 20.45306 Coat of arms Flag Anthem none [2] City Day July 4; observed on the first Saturday of July [ citation needed ] Administrat...
Read more