What is a promise in Javascript?

Question

Anónimo

Asked: 2020-08-16 03:59:18 +0800 CST 2020-08-16 03:59:18 +0800 CST 2020-08-16 03:59:18 +0800 CST

The content of the 'divs' exceed their size

772

I have made a simple page, in which the content of the divs exceed their size within the second article .

This image reflects a 25% zoom of the original page which is 100%.

4 Answers

Voted

felipe andrade · Answer 1 · 2020-08-28T14:43:36+08:00

With this index and css that should not happen, below I leave photos of how it looks.

index.html //you have an <ul>unclosed

    <!DOCTYPE html>
<html>
<head>
            <title>zxczxc</title>
            <meta charset="UTF-8">
            <meta name="description" content="Web Page">
            <meta name="keywords" content="HTML,CSS">
            <meta name="author" content="sdfgaa">
           <link rel="stylesheet" href="main.css">
</head>
<body>
        <header id="banner">
        <img src="img/xx.jpg">
        <div class="continente">
         <p><span>bdsasdfa</span></p>      
        </div>       
         <nav class="menu">
          <a href="#">fhfghf</a>
          <a href="i.html" target="_blank">dhfshsgf</a>
          <a href="#">sfsdf</a>
          <a href="fo.html" target="_blank">sfsdfs</a>
         </nav>
</header>
<main class="group">
 <section id="blog">
  <div class="contenedor">
   <article class="tamanio1">
                    <h1>adadasdasdas</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
   </article>

   <article class="tamanio2">
                    <h1>asdfasd</h1>
                    <p class="margen-parrafo">El contenido de este libro se estructura en tres apartados bien diferenciados: </p>

                        <div class="tres">
                          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
                        </div>

                        <div class="tres">
                          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
                        </div>

                        <div class="tres">
                          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
                          turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
                          ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
                          et netus et malesuada fames ac turpis egestas. Praesent non velit 
                          dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
                          nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
                          Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
                          dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
                        </div>
   </article>
 </div>     
</section>

 <aside id="aside">
                  <article class="hola">
                        <h3>Info</h3>
                        <ul>
                        <li><a href="#">nujh</a></li>
                        <li><a href="#">sfsdf</a></li>
                        <li><a href="#">sdfsdf</a></li>
                        <li><a href="#">sfsdfs</a></li>
                        <li><a href="#">dfsfsds</a></li>
                      </ul>                     
                  </article>

                  <article class="adios">
                        <img src="./img/xxx.jpg">
                        <h1 class="xao">holakaspoasd</h1>
                  </article>
 </aside>
</main>

 <div class="clear"></div>

<footer>
         <p>&copy; copyright 203123. Drechos Reservados</p>
</footer>
</body>
</html>

Main.css //add properties to li, .menu and #banner

*{   
        margin: 0 auto;
        padding: 0;
        font-size: 15px;
    }

    @font-face {
        font-family: myFuente;
        src: url(../fonts/Respective_Slanted.ttf);
    }

    body{
        border: 2px solid black; 
        font-family: "Times New Roman", Georgia, Serif;
        background: white;
        max-width:960px;
        margin:0 auto;
    }

    .group {
        position: relative;
        background:white;
    }

    .group:before,
    .group:after {
      content: "";
      display: table;
    }
    .group:after {
      clear: both;
    }
    .group {
      clear: both;
    }
    section {
      float: right;
      margin: 3% 2%;
      width: 65%;
    }
    aside {
      float: left;
      margin: 3% 2%;
      width: 27%;
    }


    main .clear {
        clear: both;
    }

    footer {
           margin:1px auto;
           clear: both;
    }


        #blog {
    position: relative;
}

#blog .contenedor .tamanio1 h1{
     font-size:x-large;
     margin-bottom:3%;
}

#blog .contenedor .tamanio2 h1{
     font-size:x-large;
     margin-top:3%;
     margin-bottom:3%;
}

#blog .contenedor .tamanio2 .margen-parrafo {
     margin-bottom:3%;
}

.tres {
   float: left;
   margin: 0.1%;
   max-width: 206px;
   max-height: 300px;
}

DIVS

#blog {
    position: relative;
}

#blog .contenedor .tamanio1 h1{
     font-size:x-large;
     margin-bottom:3%;
}

#blog .contenedor .tamanio2 h1{
     font-size:x-large;
     margin-top:3%;
     margin-bottom:3%;
}

#blog .contenedor .tamanio2 .margen-parrafo {
     margin-bottom:3%;
}

.city {
   float: left;
   margin: 0.1%;
   max-width: 206px;
   max-height: 300px;
    }  
li{
    margin-left: 30px;
}
.menu{
    float: right;
    margin-right: 10px;
}
#banner{
    float: right;
}

Solrac · Answer 2 · 2020-08-28T14:47:07+08:00

First of all: Very poorly posed the question; It is not known what you expect to obtain and it is not well understood what you are doing. In no element is the class used .citythat you understand is "dissolving".

SOLUTION

To fix the problem (assuming I've understood what you want) you just have to give a maximum-height and behavior property overflowto all items that are of the problematic type; I manage to identify them because they use the class tamanio2. I've solved it by adding the following CSS rule which you can see in action in the code below:

 #blog .contenedor .tamanio2 {
  max-height: 200px;
  overflow-y: scroll;
}

*{   
            margin: 0 auto;
            padding: 0;
        	font-size: 15px;
        }
        
        @font-face {
            font-family: myFuente;
            src: url(../fonts/Respective_Slanted.ttf);
        }
        
        body{
        	border: 2px solid black; 
        	font-family: "Times New Roman", Georgia, Serif;
        	background: white;
        	max-width:960px;
        	margin:0 auto;
        }
        
        .group {
        	position: relative;
        	background:white;
        }
        
        .group:before,
        .group:after {
          content: "";
          display: table;
        }
        .group:after {
          clear: both;
        }
        .group {
          clear: both;
        }
        section {
          float: right;
          margin: 3% 2%;
          width: 65%;
        }
        aside {
          float: left;
          margin: 3% 2%;
          width: 27%;
        }
        
        
        main .clear {
        	clear: both;
        }
        
        footer {
               margin:1px auto;
               clear: both;
        }
        
        
            #blog {
        position: relative;
    }
    
    #blog .contenedor .tamanio1 h1{
    	 font-size:x-large;
         margin-bottom:3%;
    }

    #blog .contenedor .tamanio2 h1{
    	 font-size:x-large;
         margin-top:3%;
         margin-bottom:3%;
    }
    
    #blog .contenedor .tamanio2 .margen-parrafo {
         margin-bottom:3%;
    }
    
    .tres {
       float: left;
       margin: 0.1%;
       max-width: 206px;
       max-height: 300px;
    }   

> DIVS
   
    #blog {
        position: relative;
    }
    
    #blog .contenedor .tamanio1 h1{
    	 font-size:x-large;
         margin-bottom:3%;
    }
    
    #blog .contenedor .tamanio2 {
      max-height: 200px;
      overflow-y: scroll;
    }

    #blog .contenedor .tamanio2 h1{
    	 font-size:x-large;
         margin-top:3%;
         margin-bottom:3%;
    }
    
    #blog .contenedor .tamanio2 .margen-parrafo {
         margin-bottom:3%;
    }
    
    .city {/*ESTA PARTE DE ME DESCABALA HACIA ABAJO*/
       float: left;
       margin: 0.1%;
       max-width: 206px;
       max-height: 300px;
    }

<!DOCTYPE html>
    <html>
    <head>
    	  	  	<title>zxczxc</title>
                <meta charset="UTF-8">
    			<meta name="description" content="Web Page">
    			<meta name="keywords" content="HTML,CSS">
    			<meta name="author" content="sdfgaa">
               <link rel="stylesheet" href="css2/main.css">
    </head>
    <body>
    	    <header id="banner">
    		<img src="img/xx.jpg">
    		<div class="continente">
    	     <p><span>bdsasdfa</span></p>	   
    		</div>		 
             <nav class="menu">
              <a href="#">fhfghf</a>
              <a href="i.html" target="_blank">dhfshsgf</a>
              <a href="#">sfsdf</a>
    		  <a href="fo.html" target="_blank">sfsdfs</a>
             </nav>
    </header>
    <main class="group">
     <section id="blog">
      <div class="contenedor">
       <article class="tamanio1">
                        <h1>adadasdasdas</h1>
    				    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
    				    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
    					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
       </article>
    					
       <article class="tamanio2">
    					<h1>asdfasd</h1>
    					<p class="margen-parrafo">El contenido de este libro se estructura en tres apartados bien diferenciados: </p>
    						
    						<div class="tres">
    						  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
    						</div>
    
    						<div class="tres">
    						  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
    						</div>
    
    						<div class="tres">
    						  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et 
    						  turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu 
    						  ligula quis pulvinar. Pellentesque habitant morbi tristique senectus 
    						  et netus et malesuada fames ac turpis egestas. Praesent non velit 
    						  dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae 
    						  nisl dictum pellentesque. Phasellus venenatis convallis fringilla. 
    						  Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in 
    						  dolor eget sodales. Nulla quis orci quis orci blandit vulputate.</p>
    						</div>
       </article>
     </div>		
    </section>
    
     <aside id="aside">
    				  <article class="hola">
    						<h3>Info</h3>
    						<ul>
    					    <li><a href="#">nujh</a></li>
    						<li><a href="#">sfsdf</a></li>
    						<li><a href="#">sdfsdf</a></li>
    						<li><a href="#">sfsdfs</a></li>
    						<li><a href="#">dfsfsds</a></li>
    						<ul>						
    				  </article>
    				  
    				  <article class="adios">
    					    <img src="./img/xxx.jpg">
                            <h1 class="xao">holakaspoasd</h1>
    				  </article>
     </aside>
    </main>
    
     <div class="clear"></div>
    
    <footer>
    		 <p>&copy; copyright 203123. Drechos Reservados</p>
    </footer>
    </body>
    </html>

juliocpiro · Answer 3 · 2020-08-30T06:59:38+08:00

Best Answer

juliocpiro

2020-08-30T06:59:38+08:002020-08-30T06:59:38+08:00

Modify the css.tres

.tres {
   display:inline-block;
   margin: 0.1%;
   max-width: 202px;
   max-height: 300px;
}

The is removed float:leftbecause it makes it float and the is lowered a bit max-width(you could also use percentages) so that the 3 columns enter.

Your original code should have no problems at 100% zoom. In any case, the adjustment I propose works for all percentages.

0

Alvarez · Answer 4 · 2020-08-30T14:03:55+08:00

Here it is with 25% zoom, I think I got that. Just modify the .tres class of your css, and apply a margin to your ul > li

I hope it helps you

* {
  margin: 0 auto;
  padding: 0;
  font-size: 15px;
}

@font-face {
  font-family: myFuente;
  src: url(../fonts/jjh.tff);
}

body {
  border: 2px solid black;
  font-family: "Times New Roman", Georgia, Serif;
  background: white;
  max-width: 960px;
  margin: 0 auto;
}

.group {
  position: relative;
  background: white;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  clear: both;
}

section {
  float: right;
  margin: 3% 2%;
  width: 65%;
}

aside {
  float: left;
  margin-left: 3% 2%;
  width: 27%;
}

ul li {
  margin-left: 40px;
}

main .clear {
  clear: both;
}

footer {
  margin: 1px auto;
  clear: both;
}

#blog {
  position: relative;
}

#blog .contenedor .tamanio1 h1 {
  font-size: x-large;
  margin-bottom: 3%;
}

#blog .contenedor .tamanio2 h1 {
  font-size: x-large;
  margin-top: 3%;
  margin-bottom: 3%;
}

#blog .contenedor .tamanio2 .margen-parrafo {
  margin-bottom: 3%;
}

.tres {
  display: inline-block;
  margin: 0.1%;
  max-width: 202px;
  max-height: 300px;
}

#blog {
  position: relative;
}

#blog .contenedor .tamanio1 h1 {
  font-size: x-large;
  margin-bottom: 3%;
}

#blog .contenedor .tamanio2 h1 {
  font-size: x-large;
  margin-top: 3%;
  margin-bottom: 3%;
}

#blog .contenedor .tamanio2 .margen-parrafo {
  margin-bottom: 3%;
}

.city {
  /*ESTA PARTE DE ME DESCABALA HACIA ABAJO*/
  float: left;
  margin: 0.1%;
  max-width: 206px;
  max-height: 300px;
}

<body>
  <header id="banner">
    <img src="img/xx.jpg">
    <div class="continente">
      <p><span>bdsasdfa</span></p>
    </div>
    <nav class="menu">
      <a href="#">fhfghf</a>
      <a href="i.html" target="_blank">dhfshsgf</a>
      <a href="#">sfsdf</a>
      <a href="fo.html" target="_blank">sfsdfs</a>
    </nav>
  </header>
  <main class="group">
    <section id="blog">
      <div class="contenedor">
        <article class="tamanio1">
          <h1>adadasdasdas</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget sodales.
            Nulla quis orci quis orci blandit vulputate.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget sodales.
            Nulla quis orci quis orci blandit vulputate.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
            Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget sodales.
            Nulla quis orci quis orci blandit vulputate.</p>
        </article>

        <article class="tamanio2">
          <h1>asdfasd</h1>
          <p class="margen-parrafo">El contenido de este libro se estructura en tres apartados bien diferenciados: </p>

          <div class="tres">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
              egestas. Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget
              sodales. Nulla quis orci quis orci blandit vulputate.</p>
          </div>

          <div class="tres">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
              egestas. Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget
              sodales. Nulla quis orci quis orci blandit vulputate.</p>
          </div>

          <div class="tres">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et turpis nisi. In pulvinar vitae magna id tempus. Quisque tristique eu ligula quis pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
              egestas. Praesent non velit dapibus, hendrerit urna et, ultricies quam. Ut euismod velit vitae nisl dictum pellentesque. Phasellus venenatis convallis fringilla. Mauris ut dictum dolor, lobortis placerat risus. Mauris blandit in dolor eget
              sodales. Nulla quis orci quis orci blandit vulputate.</p>
          </div>
        </article>
      </div>
    </section>

    <aside id="aside">
      <article class="hola">
        <h3>Info</h3>
        <ul>
          <li><a href="#">nujh</a></li>
          <li><a href="#">sfsdf</a></li>
          <li><a href="#">sdfsdf</a></li>
          <li><a href="#">sfsdfs</a></li>
          <li><a href="#">dfsfsds</a></li>
        </ul>
      </article>

      <article class="adios">
        <img src="./img/xxx.jpg">
        <h1 class="xao">holakaspoasd</h1>
      </article>
    </aside>
  </main>
  <div class="clear"></div>
  <footer>
    <p>&copy; copyright 203123. Drechos Reservados</p>
  </footer>
</body>

The content of the 'divs' exceed their size

HTML button that sends you to another page

Why do I get the error "Call to undefined function mysql_connect()"?

How to create an HTML button that works as a link?

How to separate a String in Java. How to use split()

Filter by dates in sql server

How to limit the number of decimal places in a double?

For each in JavaScript?

Position footer ALWAYS glued to the footer

Definitive Guide to Type Conversion in Java

How to properly compare Strings (and objects) in Java?