Centering text and other elements can easily be done with the CSS text-align property. It can be applied to a division, the p tag – pretty much any block-level element.
Archive for the ‘CSS Misc’ Category
Centering Text with CSS
Tuesday, June 29th, 2010The CSS Overflow Property
Saturday, June 26th, 2010By default, elements in a website will expand to make room for whatever they contain. An empty division, for example, won’t show at all, but you can add 1 or 12 (whatever) paragraphs, and the division will be as big as it needs to be so everything inside is displayed.
Styling a Horizontal Rule with CSS
Sunday, June 20th, 2010A quick and easy way to insert a dividing line into a website is with a horizontal rule, the hr tag.
Styling iframes with CSS
Saturday, June 5th, 2010If you still haven’t heard, hear it now: FRAMES ARE DEAD – well, technically, they are more like the undead – the zombies of webdesign. They should be gone and forgotten but refuse to stay buried. It’s much better not to use them. However, there may be a situation, where inserting a separate html document into your page makes sense.
Multiple Background Images with CSS
Saturday, May 8th, 2010At times, it makes more sense to use background images than to insert them directly into the page. And while each element – like your body tag – can hold only one background image, they can be applied to several elements.
Styling Lists with CSS
Tuesday, April 27th, 2010We’ve already discussed navigation lists and list bullet images, but sometimes, a list is just a list. There are two types – the ordered list and the unordered list. The ordered list counts the items; the unordered list marks the individual items with bullets or other markers. The HTML is simple.
Image Borders with CSS
Sunday, April 18th, 2010Sometimes, a website design benefits when images have frames – or borders. One way to get them is one image at a time, using a graphics program. But there is a much faster way – with CSS!
How to Position Text around an Image with CSS
Saturday, March 27th, 2010It’s always nice to have some pictures to go along with your text. However, if you just use the html to insert a photo into your text flow, you’ll find that it breaks up the flow of your text and just plops itself ungracefully right in the middle of your paragraph without rhyme or reason.
Displaying Bullet Images with CSS
Saturday, March 27th, 2010With CSS, you have several options for styling list bullets. For example, disk, circle, square, etc. But what if you want to use a specific image for your bullet? With CSS, you can do just that.
Subscribe to RSS
Adding Comments to CSS
Thursday, April 8th, 2010Comments in a stylesheet are a good idea. Often, things that are obvious as you write them, make no sense a week or even years later – or to somebody else. So it can be very helpful to include explanations. However, we don’t want to browser to read and render those, as they are not meant to be displayed on the webpage, so we have to hide them.
read more
Tags: CSS Comments, Hidden CSS Comments
Posted in CSS Basics, CSS Misc, Killer CSS Tips and Tricks | No Comments »