Title: breaks HTML5 validation
Last modified: August 30, 2016

---

# breaks HTML5 validation

 *  Resolved [David Young](https://wordpress.org/support/users/deepinthecode/)
 * (@deepinthecode)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/breaks-html5-validation/)
 * The about.me plugin places a style block above the div, and causes this message
   for an html5 validator:
 * Element style not allowed as child of element div in this context.
 * The site I’m trying to validate is [deepinthecode.com](http://deepinthecode.com).
 * The code causing the problem is below:
 *     ```
       </div><style type="text/css">↩
       #am_thumbnail a {↩
       text-decoration: none;↩
       border: none;↩
       }↩
       #am_thumbnail img {↩
       text-decoration: none;↩
       border: 1px solid #999;↩
       max-width: 99%;↩
       }↩
       #am_name {↩
       margin-top: 5px;↩
       margin-bottom: 3px;↩
       }↩
       #am_headline {↩
       margin-bottom: 5px;↩
       }↩
       #am_bio {↩
       margin-bottom: 15px;↩
       }↩
       #am_bio p {↩
       margin-bottom: 5px;↩
       }↩
       #am_bio p:last-child {↩
       margin-bottom: 0px;↩
       }↩
       #am_services {↩
       margin-right: -5px;↩
       }↩
       #am_services a.am_service_icon {↩
       margin-right: 4px;↩
       text-decoration: none;↩
       border: none;↩
       }↩
       #am_services a.am_service_icon:hover {↩
       text-decoration: none;↩
       border: none;↩
       }↩
       #am_services a.am_service_icon img {↩
       border: none;↩
       margin-bottom: 4px;↩
       }↩
       /*↩
       #am_links a.am_link_icon img {↩
       border: none;↩
       text-decoration: none;↩
       vertical-align: middle;↩
       }↩
       #am_links a.am_link_icon img:hover {↩
       text-decoration: none;↩
       border: none;↩
       }↩
       */↩
       </style>↩
       <div class="widget aboutme_widget" id="aboutme_widget-2">
       ```
   
 * [https://wordpress.org/plugins/aboutme-widget/](https://wordpress.org/plugins/aboutme-widget/)

Viewing 1 replies (of 1 total)

 *  Thread Starter [David Young](https://wordpress.org/support/users/deepinthecode/)
 * (@deepinthecode)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/breaks-html5-validation/#post-6594093)
 * I have come up with a solution for this problem. I suggest you implement it in
   your next release, as it’s a quick fix.
 * Put your styles into a CSS file in the plugin folder called aboutme-widget.css
   and replace the style section in the php file with this line:
 * <link rel=’stylesheet’ property=’stylesheet’ id=’aboutme-widget.css’ href=’[http://yourwebsite.com/wp-content/plugins/aboutme-widget/aboutme-widget.css&#8217](http://yourwebsite.com/wp-content/plugins/aboutme-widget/aboutme-widget.css&#8217);
   type=’text/css’ media=’all’ />

Viewing 1 replies (of 1 total)

The topic ‘breaks HTML5 validation’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/aboutme-widget_3d3c2b.svg)
 * [About.me Widget - NO LONGER SUPPORTED](https://wordpress.org/plugins/aboutme-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/aboutme-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/aboutme-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/aboutme-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/aboutme-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/aboutme-widget/reviews/)

## Tags

 * [html5](https://wordpress.org/support/topic-tag/html5/)
 * [valid html](https://wordpress.org/support/topic-tag/valid-html/)

 * 1 reply
 * 1 participant
 * Last reply from: [David Young](https://wordpress.org/support/users/deepinthecode/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/breaks-html5-validation/#post-6594093)
 * Status: resolved