Difference between revisions of "Team:USP-EEL-Brazil"

Line 4: Line 4:
  
 
<style>
 
<style>
 +
 +
 +
 +
body, html {
 +
    height: 100%;
 +
    margin: 0;
 +
}
 +
 
/* Container holding the image and the text */
 
/* Container holding the image and the text */
 
.container {
 
.container {
 +
   
 +
 
     position: relative;
 
     position: relative;
 
     text-align: center;
 
     text-align: center;
Line 11: Line 21:
 
}
 
}
  
−
/* Bottom left text */
 
−
.bottom-left {
 
−
    position: absolute;
 
−
    bottom: 8px;
 
−
    left: 16px;
 
−
}
 
−
 
−
/* Top left text */
 
−
.top-left {
 
−
    position: absolute;
 
−
    top: 8px;
 
−
    left: 16px;
 
−
}
 
−
 
−
/* Top right text */
 
−
.top-right {
 
−
    position: absolute;
 
−
    top: 8px;
 
−
    right: 16px;
 
−
}
 
−
 
−
/* Bottom right text */
 
−
.bottom-right {
 
−
    position: absolute;
 
−
    bottom: 8px;
 
−
    right: 16px;
 
−
}
 
  
 
/* Centered text */
 
/* Centered text */
Line 52: Line 35:
 
<body>
 
<body>
 
<div class="container">
 
<div class="container">
−
   <img src="https://i.ytimg.com/vi/wLFlBrMoIXg/maxresdefault.jpg" alt="Snow" style="width:100%;">
+
   <img src="https://i.ytimg.com/vi/wLFlBrMoIXg/maxresdefault.jpg" alt="Snow" style=" width:auto;">
 
   <div class="bottom-left">Bottom Left</div>
 
   <div class="bottom-left">Bottom Left</div>
 
   <div class="top-left">Top Left</div>
 
   <div class="top-left">Top Left</div>

Revision as of 14:44, 14 June 2018

Snow
Bottom Left
Top Left
Top Right
Bottom Right
Centered