line-height: 125%;
box-sizing: border-box;

next line starts automatically


layout example

float is used to make divisions

<!-- how to make words invalid -->

overflow: auto;
makes the image fit and not overflow content
makes only the elemnt fit in the content
use this command or use the ones below

---------------------------------
content: "";
this creates space

clear: both;
this clears the space near the content that is floated

display: table;
-----------------------------





div.photo {
display: inline-block;
width: 33.33%
}

</div> if you press enter there will be a space

width: calc(100% - 3);

.clearfix {
clear: both;
}

html
<!-- content -->


css
/*