Witam wszystkich!
Więc mam jedno pytanie i wydaje mi się że odpowiedź jest dość prosta ale nie mogę sobie poradzić. Mam element o tej samej klasie i chciałbym obok niego postawić drugi taki sam co powinienem zrobić w takiej sytuacji?
Dzięki za poświęcony czas i liczę na pomoc
Ps. proszę kodzik
<div class="posts">
<div class="imagepost">
<img src="img/photo.jpg" alt="alternative text"></a>
</div>
<div id="footer-post">
<div class="category-post">
kategoria
</div>
<div class="title-post">
tytuł
</div>
<div class="introduction-post">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dolor metus,
commodo eu tempor porttitor, faucibus eget diam. Duis consectetur tincidunt
ipsum, vel elementum mi semper quis. Suspendisse fermentum mollis massa. Aliquam et ligula...
</div>
<div class="load-link-post">
<li><a href="artysci.html">Czytaj Dalej</a></li>
</div>
</div>
</div>
.posts
{
width: 50%;
height: 230px;
margin-left: 11.5%;
float: left;
}
.imagepost
{
height: 230px;
}
.category-post
{
font-size: 15px;
letter-spacing: 2px;
margin-left: 42%;
margin-top: -32%;
color: #777777;
font-family: 'Source Sans Pro', sans-serif;
}
.title-post
{
font-size: 20px;
margin-top: 1%;
margin-left: 43%;
letter-spacing: 1px;
}
.introduction-post
{
width: 300px;
font-size: 15px;
text-align: justify;
margin-top: 1%;
margin-left: 42%;
}
.load-link-post
{
height: 25px;
width: 150px;
font-size: 15px;
letter-spacing: 2px;
font-weight: bold;
padding-top: 5px;
margin-left: 47.5%;
margin-top: 3%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
font-family: 'Lato', sans-serif;
}
.load-link-post > li
{
display: inline-block;
padding-left: 20px;
padding-right: 20px;
}
.load-link-post a
{
color: #000;
text-decoration: none;
}
#footer-post
{
margin-top: 58%;
margin-left: -78%;
}