Text/image positioning in one Div element |
Text/image positioning in one Div element |
Seniorbfc |
Mar 1 2017, 10:37 AM
Post
#1
|
Newbie Group: Members Posts: 17 Joined: 16-January 17 Member No.: 26,267 |
I am trying to get the text in the image below where the blue rectangle is. I have a header, paragraph (the text i want to move/"my name is...") and two images in one Div. Is this the best way to do it, and if so how?
CODE <div id="about"> <h3>About</h3> <img id="printer" src="Printer.jpg" alt="Printer" style="width:30px; height:30px;"> <img id="lin" src="Linkedin2.jpg" alt="LinkedIn Logo" style="width:30px; height: 30px;"> <p>My name is....</p> </div> CODE #about{ background: rgba(64,64,64,1); width: 100%; } #about h3, #about p, img#printer, img#lin{ display: inline-block; padding-top: 40px; } #about h3{ padding-left: 550px; color: rgba(153,153,153,1); float: left; } #about p{ color: white; margin-left: 40%; margin-right: 60%; width: 500px; text-align: left; margin-top: 0px; padding-bottom: 50px; } img#printer{ float: right; margin-right: 600px; } img#lin{ float: right; margin-right: -31px; padding-top: 80px; } Attached thumbnail(s) |
Lo-Fi Version | Time is now: 27th April 2024 - 10:00 PM |