body { background-image:url (); background-color: #00FF7F; margin-left: 12%; margin-right: 5%; font-family: Arial; font-size: 14pt;/* text-align: justify; */} h1 { text-align: center; color: maroon; } /* div > h3 { background-color: yellow; } */ h2 { text-align: center; color: teal } h3 { text-align: left; color: olive } h4 { text-align: center; color: #3399ff } hr {color: #8F9525; background: #00f; border: 0; height: 3px;} /*ul { color: green;}*/ ol { text-indent: 2em; } em { font-style: italic; font-weight: bold; color: #0000FF} me { font-style: italic; font-weight: bold; color: #7fff00} titolosito { font-family: arial; font-size: 18px; text-align: center; color: maroon; } /*figcaption*/ pre {background: #4682B4; border-width: thin; width: 40%; font-size: 16px; color: black} code{margin-bottom:0!important;font-size:100%;background:rgba(127,127,127,.15);padding:1px 3px;border-radius:5px;color:#cd5c81;font-family:monospace;vertical-align:middle} pre>code{display:block;overflow-x:auto;padding:1em;color:#fff;line-height:1.2;background:#000;border:1px solid rgba(127,127,127,.4);box-shadow:inset 0 -1px 15px rgba(255,255,255,.15)} div.color { background: rgb(204,204,255); padding: 0.5em; border: none; margin-left: 0%; margin-right: 50%; } div.box { border: none; width: 1320px; */ width: 98%; height: 30px; margin-left: 2%; margin-right: 1%; background-color: maroon; font-size: 24px; font-weight: bold; text-align: center; color: #FAF3F3; } div.fondo { background: rgb(255,102,0); padding: 0.1em; border: none; margin-left: 80%; margin-right: 1%; font-size: 18px; color: olive} #box-titolo {width: 1320px;*/ width: 98%; height: 50px; margin-left: 2%; margin-right: 1%; background-color: maroon; font-size: 38px; font-weight: bold; text-align: center; color: #FAF3F3; } div.foto { border: solid; border-width: thin; width: 100% } /*img {display: block; margin-left: auto; margin-right: auto;} Paris

Paris

*/ /*To center an image, set left and right margin to auto, and make it into a block element*/ div.left { background: #4682B4; border-width: thin; width: 45%; font-size: 18px; color: black} div.right { float: right; background: #4682B4; border-width: thin; width: 45%; border-left: 60%font-size: 16px; color: black} #footer { width: 1320px; margin-left: 2.5%; height: 54px; background-color: #FFBF00; font-size: 36px; font-weight: bold; text-align: center; color: #FAF3F3; text-decoration: none;} @media (max-width: 768px) { .container {padding: 10px; } .header {font-size: 1.5em; } .menu {display: block; width: 100%; text-align: center; } } @media (max-width: 600px) { header { font-size: 1.5em; } main { padding: 10px; } } */ @media (max-width: 600px) {.column { width: 100%; }} @media all and (max-width: 1690px) { ...} @media all and (max-width: 1280px) { ...} @media all and (max-width: 980px) { ... } @media all and (max-width: 736px) { ... } @media all and (max-width: 480px) { ... } /* =================================================================================

Float Next To Each Other

In this example, the three divs will float next to each other.

======================================================================================= */