Difference between revisions of "M365/test"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
<style>
+
<style type="text/css">
* {
+
#wrap {
  box-sizing: border-box;
+
  width:600px;
 +
  margin:0 auto;
 
}
 
}
 
+
#left_col {
/* Create two equal columns that floats next to each other */
+
  float:left;
.column {
+
  width:300px;
  float: left;
 
  width: 50%;
 
  padding: 10px;
 
  height: 300px; /* Should be removed. Only for demonstration */
 
 
}
 
}
 
+
#right_col {
/* Clear floats after the columns */
+
  float:right;
.row:after {
+
  width:300px;
  content: "";
 
  display: table;
 
  clear: both;
 
 
}
 
}
 
</style>
 
</style>
  
<h2>Two Equal Columns</h2>
+
<div id="wrap">
 
+
    <div id="left_col">
<div class="row">
+
        ...
  <div class="column" style="background-color:#aaa;">
+
    </div>
    <h2>Column 1</h2>
+
    <div id="right_col">
    <p>Some text..</p>
+
        ...
  </div>
+
    </div>
  <div class="column" style="background-color:#bbb;">
 
    <h2>Column 2</h2>
 
    <p>Some text..</p>
 
  </div>
 
 
</div>
 
</div>
  

Revision as of 15:05, 2 March 2023

<style type="text/css">

  1. wrap {
  width:600px;
  margin:0 auto;

}

  1. left_col {
  float:left;
  width:300px;

}

  1. right_col {
  float:right;
  width:300px;

} </style>

       ...
       ...


"M365"
Ces pages génèrent leur contenu en fonction de vos préférences linguistiques. Pour modifier votre préférence, veuillez changer la langue sélectionnée dans le coin supérieur droit de la page.

These pages generate their content based on your language preference. To change your preference, please change the language selected in the top right corner of the page.

"M365 Home

"M365 Accuel