Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How To Float an Image to the Right Side
How To Float an Image to the Right Side? - XHTML 1.0 Tutorials - Understanding Inline Images and Image Maps
✍: FYIcenter.com
If you want to float an image to the right side of the paragraph instead of inline within a text line, you have to use the CSS property "float" to do this. The "float" property takes two values:
Here is a tutorial example with an image floated to the right side:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Floating Image</title> </head> <body> <h4>Inline Images</h4> <p style="background-color: #eeeeee; padding: 8px;"> <img src="/moonrise.jpg"" alt="Moonrise" width="69" height="91" style="float: right"/> "Moonrise" is a very simple to use, yet very accurate program. If you put it in your Startup folder, it will greet you everyday with the day's sunrise, sunset, moonrise, moonset, and twilight times.</p> </body> </html>
If you save the above document as floating_image.html, and view it with
Internet Explorer, you will see an image floated to the right side
of the paragraph as shown below:
2007-05-12, 5027👍, 0💬
Popular Posts:
What Happens to Indexes If You Drop a Table? - Oracle DBA FAQ - Managing Oracle Table Indexes If you...
How To Increment Dates by 1? - MySQL FAQs - Introduction to SQL Date and Time Handling If you have a...
What is the difference between "calloc(...)" and "malloc(...)"? 1. calloc(...) allocates a block of ...
How To Control Vertical Alignment? - XHTML 1.0 Tutorials - Understanding Tables and Table Cells By d...
How Are Vertical Margins between Two Block Elements Collapsed? - CSS Tutorials - Understanding Multi...