tailieunhanh - HTML cơ bản - p 7

44 Chapter 2: The HTML Language element occupies the full width of its container minus whatever is needed for the element’s margins, borders, and the padding of the containing element. Block elements also have a float property: They are allowed to float alongside other elements if there is sufficient room. The float property can take the values left, right, or none, which is the default. left means that the element adheres to the left margin of the containing element and that other HTML elements following the floated element wrap around it on the right. right does the opposite. The element sticks to. | 44 Chapter 2 The HTML Language element occupies the full width of its container minus whatever is needed for the element s margins borders and the padding of the containing element. Block elements also have a float property They are allowed to float alongside other elements if there is sufficient room. The float property can take the values left right or none which is the default. left means that the element adheres to the left margin of the containing element and that other HTML elements following the floated element wrap around it on the right. right does the opposite. The element sticks to the right margin and the HTML elements following it wrap around to the left. Example illustrates a common use of floating elements to create a page with a leading thumbnail image. The contents are from a Wikipedia article on the America s Cup regatta. Example Flowing text around an image DOCTYPE html html head title Example title style type text css body padding 2em .image-left float left padding-right 1em style head body div class image-left img src images alt The America s Cup trophy div p The America s Cup is a trophy awarded to the winner of the America s Cup sailing regatta match. It is the oldest active trophy in international sport predating the Modern Olympics by 45 years. Originally named the Royal Yacht Squadron Cup it became known as the America s Cup after the first yacht to win the trophy the schooner America. The trophy remained in the hands of the New York Yacht Club NYYC from 1857 when the syndicate that won the Cup donated the trophy to the club until From the Library of Wow eBook HTML5 Semantics 45 1983 when the Cup was won by the Royal Perth Yacht Club with their yacht Australia II ending the longest winning streak in the history of sport. p P The America s Cup regatta is a challenge-driven series of match races between two yachts which is governed by the Deed of Gift which was the instrument used to convey the cup to the New .