开发者

css+html5 The best way to lay out this info

开发者 https://www.devze.com 2023-03-03 23:53 出处:网络
I want to lay out the following info horizontally in a container 460px wide: 32 Likes (Restricted to 50px wide)(whitespace)From Great Britain(whitespace)Featured (Floated t开发者_高级运维o the right)

I want to lay out the following info horizontally in a container 460px wide:

32 Likes (Restricted to 50px wide) (whitespace) From Great Britain (whitespace) Featured (Floated t开发者_高级运维o the right)

What would you recommend being the best tags to use to lay these out?

You can see an image of what I mean here http://www.flickr.com/photos/62570778@N04/5693086371/in/dateposted/


I don't believe that there are any new tags in HTML5 that would give semantic value to the data you're laying out.

A div would probably be the best element to use, along with a usual hX for the title and strong (or the like) for the Featured text.

Actually, if this is a list of link items, you could always use a menu/li layout? If you're also showing content from these posts(?), how about a section or article tag?


I think a picture would better describe what you mean.

I'm confused if the entire button is 50px wide in an arbitrary 460px wide block or if the content is in a 460px wide block, and the 32 Likes itself is 50px wide and From Great Britain Featured is to the right and are separate elements?

0

精彩评论

暂无评论...
验证码 换一张
取 消