drop cap is aligned up and right, and the text is aligned to the right.
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html"; charset="utf-8" /> <title></title> <style type="text/css" media="Screen"> * .myDrop { float: left; position: relative; top: -0.35em; margin-top: 40px; margin-left: 20px; margin-right: 5px; margin-bottom: -0.7em; font-size: 80px; line-height: normal; font-weight: bold; color: white; background-color: black; padding: 20px 20px 20px 20px; border: 2px groove black; } </style> </head> <body>
<span class="myDrop">F</span>loated Drop Cap.
</body> </html>
|
|
|
|
|
HTML code for linking to this page:
Related in same category :
-
-
-
-
-
-
-
-
-
-
|