test
by ashhaq12345
HTML
<div class="title-and-subheading-onecat">
<div class="one-post">
<div class="title">
<a href="http://localhost:8888/blog/public/index.php/post?id=1">
asdasd asd asd asd asd asd asd
</a>
</div>
<div class="post-description">
asdasdasd asd asd ad as dasd asdas das asd asdas dasd asd asda das dasd asds
</div>
</div>
<div class="img-parent">
<div class="fakeimg">
Image
</div>
</div>
</div>
CSS
.img-parent {
width: 50%;
float: left;
}
.fakeimg {
width: 100px;
padding: 3em 2em;
margin-bottom: 0.5em;
margin-right: 0.5em;
background-color: lightgrey;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
position: relative;
display: block;
}
.title-and-subheading-onecat{
margin-right: 1.5em;
display: block;
align-items: start;
}
.one-post {
width: 50%;
float:left;
}
.post-description {
float: left;
margin-bottom: auto;
}