new test from Perrine

While we're talking about width, we should talk about width's big caveat: the box model. When you set the width of an element, the element can actually appear bigger than what you set: the element's border and padding will stretch out the element beyond the specified width. Look at the following example, where two elements with the same width value end up different sizes in the result.For generations, the solution to this problem has been extra math. CSS authors have always just written a smaller width value than what they wanted, subtracting out the padding and border. Thankfully, you don't have to do that anymore..
The original box model behavior was eventually considered unintuitive, so a new CSS property called box-sizing was created. When you set box-sizing: border-box; on an element, the padding and border of that element no longer increase its width. Here is the same example as the previous page, but with box-sizing: border-box; on both elements:



The div tag defines a division or a section in an HTML document.


The life is beautiful we just need to understand it




The best life

The best life

Making the world a better place--by being free with your time, energy and money--is a good place to start. By doing so you can create a domino effect that encourages others to follow in your footsteps. In fact, a recent study conducted by Cornell University sociologists Milena Tsvetkova and Michael Macy supports the idea that generosity is contagious. They point to remarkable "pay it forward" situations, such as the drive-through shop customer who a year and a half ago picked up the tab for the next customer in line at a Manitoba coffee shop, setting off a chain reaction that kept going for the next 226 cars.