Hallo,

ik ben bezig met het coderen van mijn website maar loop tegen een probleem.
Ik heb een "lees verder" button. Deze heb ik gemaakt met een background-color en css3 rounded corners.

Hoe zorg ik er nou voor dat de button qua grootte mee schaalt met de tekst?

Code:

p.lees-verder{
	background-color: #4eae1e;
	border: 1px solid #7ac950;
	height: 35px;
	width: 100%;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	text-shadow: 3px 3px 3px #347314;
}

Ik heb zoals je ziet al geprobeerd met 100% width etc. maar het lukt niet.

Bijvoorbaat dank!

Aanpassing: Ik wil dus een button maken die schaalt aan de hoeveelheid tekst

Je dient van de vaste width en height, min-width en min-height te maken. Zo dus:

Code:

p.lees-verder{     background-color: #4eae1e;     border: 1px solid #7ac950;     min-height: 35px;     min-width: 100%;     border-radius: 5px;     font-size: 16px;     color: #fff;     text-shadow: 3px 3px 3px #347314; }

.button { float: left; display: block; }

Bedankt voor de reactie!

De reactie van Ben werkte meteen, de float was het hele probleem.

Beide bedankt! :)