Difference between revisions of "Team:UFlorida/Experiments"
SKammerman (Talk | contribs) |
SKammerman (Talk | contribs) |
||
| Line 37: | Line 37: | ||
width: 100%; | width: 100%; | ||
} | } | ||
| + | } | ||
| + | /* Create four equal columns that floats next to each other */ | ||
| + | .column-4 { | ||
| + | float: left; | ||
| + | width: 25%; | ||
| + | padding: 10px; | ||
| + | height: 150px; /* Should be removed. Only for demonstration */ | ||
} | } | ||
</style> | </style> | ||
| Line 60: | Line 67: | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="column" style="background-color:#aaa;"> | + | <div class="column-4" style="background-color:#aaa;"> |
<h2>Eluent A</h2> | <h2>Eluent A</h2> | ||
</div> | </div> | ||
| − | <div class="column" style="background-color:#bbb;"> | + | <div class="column-4" style="background-color:#bbb;"> |
<h2>Eluent B</h2> | <h2>Eluent B</h2> | ||
</div> | </div> | ||
</div><div class="row"> | </div><div class="row"> | ||
| − | <div class="column" style="background-color:#aaa;"> | + | <div class="column-4" style="background-color:#aaa;"> |
<h2>Eluent A</h2> | <h2>Eluent A</h2> | ||
</div> | </div> | ||
| − | <div class="column" style="background-color:#bbb;"> | + | <div class="column-4" style="background-color:#bbb;"> |
<h2>Eluent B</h2> | <h2>Eluent B</h2> | ||
</div> | </div> | ||
Revision as of 18:40, 31 October 2017
