Widget
Glossary
No edit summary |
No edit summary Tag: 2017 source edit |
||
| Line 1: | Line 1: | ||
< | |||
<style> | |||
.glossary-item { | |||
box-sizing: border-box; | |||
width: 48%; | |||
border: 1px solid #000; | |||
padding: 20px; | |||
margin-bottom: 20px; | |||
} | |||
.glossary-title { | |||
</div> | font-weight: bold; | ||
} | |||
.glossary-content { | |||
margin-top: 10px; | |||
} | |||
.read-more { | |||
display: block; | |||
margin-top: 10px; | |||
text-align: right; | |||
text-decoration: none; | |||
color: #000; | |||
} | |||
/* Style to handle the spacing when clicked on navigation */ | |||
:target { | |||
padding-top: 50px; | |||
margin-top: -50px; | |||
display: block; | |||
} | |||
</style> | |||
<div class="glossary-item"> | |||
<div class="glossary-title">Heading</div> | |||
<div style="border-bottom: 1px solid black; margin: 0 -15px;"></div> | |||
<div class="glossary-content">description</div> | |||
<div style="border-bottom: 1px solid black; margin: 0 -15px;"></div> | |||
<a href="#" class="read-more">Read more ></a> | |||
</div> | |||
Revision as of 08:20, 25 April 2024
<style> .glossary-item {
box-sizing: border-box;
width: 48%;
border: 1px solid #000;
padding: 20px;
margin-bottom: 20px;
}
.glossary-title {
font-weight: bold;
}
.glossary-content {
margin-top: 10px;
}
.read-more {
display: block;
margin-top: 10px;
text-align: right;
text-decoration: none;
color: #000;
}
/* Style to handle the spacing when clicked on navigation */
:target {
padding-top: 50px;
margin-top: -50px;
display: block;
}
</style>
Heading
description
<a href="#" class="read-more">Read more ></a>
This page was edited more than 8 months ago on 05/16/2024. What links here