A box: line down middle, line across middle - in CSS?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

A box: line down middle, line across middle - in CSS?

Post by simonmlewis »

Hi

Trying to create a sort of 'app like' feel on a mobile device webpage. With two floating DIVs (or inline block) across.
Maybe 3 or 4 rows.

Down the middle of each row would be a border line. Across the base of each row would be another border line.

No borders on the far left or far right.

So if you image a grey screen, line down middle, line across middle.
I did try it in CSS, but the moment I added a border, a 50/50 DIVs didn't tile.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: A box: line down middle, line across middle - in CSS?

Post by simonmlewis »

Like this
Like this
example.jpg (2.62 KiB) Viewed 5444 times
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply