I need HELP with placing words NEXT TO an image!?

+7 Jake Maynard · July 3, 2016
I want to be able to place words next to a photo or image for an about me page on my website. 

                                                              [ PIC ]     |    [ Words here ]

                                                                    ^^^^^^^^^^^^^
                                                                Something like that. 

Pretend that the | is the CENTER of my website. How could I make sure the image or photo stays on the same plane as the text?
Thank you if you can help me!!!!

Post a Reply

Replies

Oldest  Newest  Rating
0 Erp Eight · July 4, 2016
there are many ways for doing it, one way is this - 


Link to Codepen : http://codepen.io/Arpit_yadav/pen/pbwbEd?editors=1100#anon-login



you can also use Flexbox technique but since i assume you are just a beginner this technique is gonna work fine:)






or let me know if i misunderstood the question:O
0 Aiyush Jain · July 5, 2016
There are many ways to do this but one of the least difficult methods is utilizing the position command in CSS.
0 Dhruv Singhal · January 22, 2017
html code 

<div>
<img src="#" />
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>

css code
img{
   float:left;
}
0 Jay Deshaun · January 23, 2017
You could also do:
<main>
<img src=''/>
<div style="center spacing"></div>
<p></p>
</main>
  • 1

HTML / CSS / Web Design

114,138 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators