Help:Panduan/Box

Cara membuat box

Copy dan paste code di berikut ini:

<div style="width:400px; float:right; clear:right; margin-left:15px; border:1px solid #999999; background-color:#f8f8f8; text-align:center;">

<div style="padding:0.3em; background-color:#f8f8f8; font-size:120%;">
'''JUDUL KOTAK'''
</div>

<div style="padding:0.3em; line-height:1.5em;font-size:100%;text-align:left; margin-left:10px;">

KONTEN

</div>
</div>

Contoh Membuat Box

Yang Anda ketik

Hasil yang ditampilkan

<div style="width:400px; float:right; clear:right; margin-left:15px; border:1px solid #999999; background-color:#f8f8f8; text-align:center;"> <div style="padding:0.3em; background-color:#f8f8f8; font-size:120%;"> '''Vestibulum vitae eros commodo''' </div> <div style="padding:0.3em; line-height:1.5em;font-size:100%;text-align:left; margin-left:10px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a orci gravida, mattis est in, cursus nunc. Sed dolor justo, mattis sed risus sit amet, volutpat efficitur neque. Vestibulum vitae eros commodo, luctus turpis nec, placerat ante. Nunc pharetra commodo turpis pretium pulvinar. Phasellus justo augue, laoreet a porttitor at, placerat vitae nulla. In purus lorem, viverra vitae mauris in, volutpat tempor ex. Etiam imperdiet, lacus vitae pulvinar placerat, eros nibh ullamcorper diam, ac tempus enim enim non velit. Maecenas a venenatis nisl, suscipit convallis felis. In ipsum odio, mollis vel lacus vestibulum, tristique pulvinar nisi. In id sollicitudin justo. Pellentesque viverra magna accumsan sapien mattis pharetra. Mauris condimentum facilisis nunc, aliquet imperdiet dolor rhoncus at. Mauris malesuada lorem massa, et laoreet arcu vulputate sed. Nam tortor leo, tempor id feugiat quis, consequat id ligula. Integer tortor quam, pulvinar nec auctor quis, interdum ac quam. </div> </div>

Vestibulum vitae eros commodo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a orci gravida, mattis est in, cursus nunc. Sed dolor justo, mattis sed risus sit amet, volutpat efficitur neque. Vestibulum vitae eros commodo, luctus turpis nec, placerat ante. Nunc pharetra commodo turpis pretium pulvinar. Phasellus justo augue, laoreet a porttitor at, placerat vitae nulla. In purus lorem, viverra vitae mauris in, volutpat tempor ex. Etiam imperdiet, lacus vitae pulvinar placerat, eros nibh ullamcorper diam, ac tempus enim enim non velit. Maecenas a venenatis nisl, suscipit convallis felis. In ipsum odio, mollis vel lacus vestibulum, tristique pulvinar nisi. In id sollicitudin justo. Pellentesque viverra magna accumsan sapien mattis pharetra. Mauris condimentum facilisis nunc, aliquet imperdiet dolor rhoncus at. Mauris malesuada lorem massa, et laoreet arcu vulputate sed. Nam tortor leo, tempor id feugiat quis, consequat id ligula. Integer tortor quam, pulvinar nec auctor quis, interdum ac quam.