Home/ Questions/Q 8672893
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T19:18:58+00:00

How can i align image to the left and some text to right top

  • 0

How can i align image to the left and some text to right top and some text on right bottom ? The parent div has a background image . 

<div id="parent" style="background: url(bg.jpg) repeat-x left top"> 
   <img src="a.png"> <!--align left-->
    "Some text A" <!-- align on right top -->
    "Some text B" <!-- align on right bottom -->
</div>

Thanks in advance 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can try something like this : My Fiddle

    Preview

    enter image description here

    CSS

    .text1 {
position: relative;
    right: 0px;
    display: block;
}
.text2 {
position: relative;
    top: 20px;
    display: block;
}

    HTML

    <div id="parent" style="background: url("") repeat-x left top"> 
   <img src="http://upload.wikimedia.org/wikipedia/commons/1/19/Crystal_folder_image.png" style="float: left;"> <!--align left-->
    <span class="text1">"Some text A"</span> <!-- align on right top -->
    <span class="text2">"Some text B"</span> <!-- align on right bottom -->
</div>​

    ​

    • 0