gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adjust css examples formatting (#26127)

Browse Source
This commit is contained in:
David Way
2018-12-13 05:03:03 +00:00
committed by Tom
parent 18d5502965
commit 012e93154b
35 changed files with 303 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guide/english/css/layout/float-and-clear/index.md
View File

@ -18,12 +18,12 @@ The `float` property can have one of the following values:
`inherit` - The element inherits the float value of its parent
In its simplest use, the `float` property can be used to wrap text around images.
#### Float in Picture:
#### Float in Picture:
![float image for print layout](https://github.com/jamal-pb95/guides/blob/master/assets/css3-float-print-layout.png "css-tricks-float-img")
```
img {
float: right;
float: right;
}
```
This example specifies that an image should float to the right in a page:
@ -31,14 +31,14 @@ This example specifies that an image should float to the right in a page:
![Float image for web layout](https://github.com/jamal-pb95/guides/blob/master/assets/css3-float-web-text-wrap.png "float img web")
```
img {
float: left;
float: left;
}
```
This example specifies that an image should float to the left in a page:
```
img {
float: none;
float: none;
}
```
@ -64,7 +64,7 @@ When clearing floats, you should match the `clear` to the `float`. If an element
Source: CSS-TRICS
```
div {
clear: left;
clear: left;
}
```
![clear footer image](https://github.com/jamal-pb95/guides/blob/master/assets/clearedfooter.png "clear footer image")