Simplify the image custom class statement
This commit is contained in:
parent
6dc6f2a7cf
commit
557413cc4c
2 changed files with 6 additions and 6 deletions
|
@ -102,20 +102,20 @@ _400px image width_
|
|||
|
||||
- Left aligned
|
||||
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
|
||||
|
||||
<br>
|
||||
|
||||
- Float to left
|
||||
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" .left}
|
||||
"A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
|
||||
|
||||
<br>
|
||||
|
||||
- Float to right
|
||||
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" .right}
|
||||
"A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space. A repetitive and meaningless text is used to fill the space."
|
||||
|
||||
<br>
|
||||
|
|
|
@ -118,19 +118,19 @@ By default, the image is centered, but you can specify the position by using one
|
|||
Image will be left aligned in below sample:
|
||||
|
||||
```markdown
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="350" class="normal"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="350" .normal}
|
||||
```
|
||||
|
||||
- **Float to the left**
|
||||
|
||||
```markdown
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="left"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" .left}
|
||||
```
|
||||
|
||||
- **Float to the right**
|
||||
|
||||
```markdown
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" class="right"}
|
||||
![Desktop View](/assets/img/sample/mockup.png){: width="240" .right}
|
||||
```
|
||||
|
||||
> **Limitation**: Once you specify the position of an image, it is forbidden to add the image caption.
|
||||
|
|
Loading…
Reference in a new issue