Test page | Berjaya Hotel
Discover BHR
Share this page

Test page

This is a standard paragraph created using the WordPress TinyMCE text editor. It has a strong tag, an em tag and a strikethrough which is actually just the del element. There are a few more inline elements which are not in the WordPress admin but we should check for incase your users get busy with the copy and paste. These include citations, abbr, bits of code and variables, inline quotations, inserted text, text that is no longer accurate or something so important you might want to mark it. We can also style subscript and superscript characters like C02, here is our 2nd example. If they are feeling non-semantic they might even use bold, italic,or small elements too. Incidentally, these HTML4.01 tags have been given new life and semantic meaning in HTML5, you may be interested in reading this article by Harry Roberts which gives a nice excuse to test a link.  It is also worth noting in the "kitchen sink" view you can also add Underline with U tag underline with style, Overline styling and set text color with pesky inline CSS.

Additionally, WordPress also sets text alignment with inline styles, like this left aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a right aligned paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

This is a justified paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

Finally, you also have the option of an indented paragraph. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.

And last, and by no means least, users can also apply the Address tag to text like this:

123 Example Street, Testville, West Madeupsburg, CSSland, 1234

...so there you have it, all our text elements

Level One Heading

test font size

test font size

test font size

test font size

test font size

Level Two Heading

test font type

test font type

Level Three Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Level Four Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Level Five Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Level Six Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Currently WordPress blockquotes are just wrapped in blockquote tags and have no clear way for the user to define a source. Maybe one day they'll be more semantic (and easier to style) like the version below.

HTML5 comes to our rescue with the footer element, allowing us to add semantically separate information about the quote.

Oli Studholme, HTML5doctor.com

Images

left aligned

placehold

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint provident deserunt nihil explicabo perspiciatis, incidunt molestias obcaecati quibusdam, enim delectus laudantium nam expedita. Maiores soluta aut fuga recusandae ad.

 

center aligned

placehold

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint provident deserunt nihil explicabo perspiciatis, incidunt molestias obcaecati quibusdam, enim delectus laudantium nam expedita. Maiores soluta aut fuga recusandae ad.

 

right aligned

placehold

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi sint provident deserunt nihil explicabo perspiciatis, incidunt molestias obcaecati quibusdam, enim delectus laudantium nam expedita. Maiores soluta aut fuga recusandae ad.

 
  • Unordered list item one.
  • Unordered list item two.
    • Unordered list item one.customized
    • Unordered list item two.customized
    • Unordered list item three.
    • Unordered list item four.
    • By the way, Wordpress does not let you create nested lists through the visual editor.
  • Unordered list item three.
  • Unordered list item four.
  • By the way, Wordpress does not let you create nested lists through the visual editor.
  1. Ordered list item one. customized
  2. Ordered list item two. customized
  3. Ordered list item three.
  4. Ordered list item four.
  5. By the way, Wordpress does not let you create nested lists through the visual editor.
Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

test Iframe

test buttons

More
Default
customized-1
customized-2

test Hyphenation

Lorem - ipsum dolor sit amet, consectetur/ adipisicing elit. Aliquid qui-labore illo natus dolorem aliquam saepe, -- delectus porro odio libero amet ducimus quidem quod? Temporibus, itaque libero cumque reiciendis nesciunt. 480/=