feat: add alignment utility classes for flexible layout
Introduced .alignright, .alignleft, and .aligncenter utility classes to enable flexible alignment of elements. These classes assist with consistent layout styling by allowing elements to float left or right with appropriate margins or align centrally. Addresses layout requirements for dynamic content placement.
This commit is contained in:
parent
934db5dcc4
commit
9885d43548
1 changed files with 19 additions and 0 deletions
19
style.css
19
style.css
|
@ -88,4 +88,23 @@ a h5 {
|
||||||
#doi-link {
|
#doi-link {
|
||||||
color: #333;
|
color: #333;
|
||||||
text-decoration: dashed;
|
text-decoration: dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alignright {
|
||||||
|
float: right;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alignleft {
|
||||||
|
float: left;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aligncenter {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
Loading…
Reference in a new issue